百变鹏仔-专注前端行业精选
vue子组件中如何修改html或body的样式
作者:鹏仔先生日期:2020-08-31 21:46:55浏览:4372分类: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;') },
手机扫码访问
猜你还喜欢
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
- 04-16 vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转
- 04-16 table固定表头和列 css实现表格固定表头
- 04-07 vue跳转页面清除历史记录,页面跳转删除历史记录
- 02-22 VUE You are using the runtime-only build of Vue where the template compiler is not available. Either
- 01-19 elementui多选上传 before-upload 格式效验错误总会触发before-remove (elementui多选上传on-success只执行了一次,只上传成功了一条)
- 10-08 vue按钮限制连点封装 自定义指令限制连点
- 09-14 nvm常用命令有哪些?nvm如何切换node版本?nvm如何下载node?
- 08-19 使用HBuilderX将vue或H5项目打包app
- 07-15 小程序嵌入网页向小程序跳转并传参,微信小程序中实现公众号授权获取openId
- 07-13 vue中实现文件批量打包压缩下载(以及下载跨域问题分析)
暂无评论,来添加一个吧。