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

2024年03月30日 vue 修改css vue修改html样式 子组件修改body 共享博客


这两天,用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;')
    },



本文链接:http://so.lmcjl.com/news/724/

展开阅读全文
相关内容