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/