vue子组件中如何修改html或body的样式

作者：鹏仔先生日期：2020-08-31 21:46:55浏览：4040分类：JavaScript

这两天，用vue做后台管理系统，PC端的，然后项目中有一个生成二维码签到功能，在后台管理要生成一个二维码，然后手机扫码进行验证填写资料等签到，需要在项目中再添加做几个移动端页面，本来是想用响应式布局，最后还是选择rem移动端布局吧，但是rem需要在根元素设置一个字体大小，又会影响其他PC端一些页面，那么只能在当前移动端子组件中修改body根元素的字体大小，安排。

在子组件中的beforeCreate写入下方代码

    beforeCreate () {
      document.querySelector('body').setAttribute('style', 'font-size: 26.67vw;min-width: auto;background:#fff;')
      document.querySelector('html').setAttribute('style', 'font-size: 26.67vw;min-width: auto;')
    },