百变鹏仔-专注前端行业精选
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;') },
手机扫码访问
猜你还喜欢
- 11-01 vue中实现代码高亮
- 08-09 vue动态修改网站的icon图标
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 07-02 微信小程序判断是安卓还是苹果
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 06-25 uniapp页面跳转的几种方式
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
- 04-16 vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转
- 04-16 table固定表头和列 css实现表格固定表头
- 04-07 vue跳转页面清除历史记录,页面跳转删除历史记录
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
暂无评论,来添加一个吧。