百变鹏仔-专注前端行业精选
当前位置:网站首页 > 最近更新 > 前端开发 > JavaScript > 正文

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

作者:鹏仔先生日期:2020-08-31 21:46:55浏览:5282分类: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;')
    },



手机扫码访问

暂无评论,来添加一个吧。

取消回复欢迎 发表评论:

关灯