百变鹏仔-专注前端行业精选
vue子组件中如何修改html或body的样式
作者：鹏仔先生 日期：2020-08-31 21:46:55 浏览：6052 分类：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-24 简单实现文字两端对齐
- 04-24 检测图片URL是否失效
- 04-24 elemetui中el-date-picker限制开始结束日期只能选择当月
- 04-24 iview中DatePicker时间段选择限制开始结束日期只能选择当月
- 03-24 vue h5实现车牌号输入框
- 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页面跳转的几种方式
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag