vue-cli中单独设置body页面背景颜色
又见面了,今天用vue练习项目,遇到一个问题迟迟不能解决,因为对这个框架确实也不太熟悉,问在这里插入代码片题描述:问题1:vue-cli结合mint-ui框架,在用到tab切换时,需求是点击导航按钮时要切换页面,而mint-ui中有点击事件,因此在此时添加点击事件并无作用,此时此刻,我们应该如何做呢,如下图代码:图中方式就可解决;***问题2***想要在一个页面级的组件内修改body的背景...
·
又见面了,今天用vue练习项目,遇到一个问题迟迟不能解决,因为对这个框架确实也不太熟悉,问在这里插入代码片题描述:
问题1:vue-cli结合mint-ui框架,在用到tab切换时,需求是点击导航按钮时要切换页面,而mint-ui中有点击事件,因此在此时添加点击事件并无作用,此时此刻,我们应该如何做呢,如下图代码:
图中方式就可解决;
***问题2***想要在一个页面级的组件内修改body的背景色或者背景图,但是直接在组件内部写样式会影响其他页面组件;
此时只需要在该组件内如此设置:
beforeCreate() {
document.querySelector('body').setAttribute('style', 'background:#eee')
}, //
beforeDestroy() {
document.querySelector('body').removeAttribute('style')
}, /
同时在再style标签上加scoped即可;
更多推荐
已为社区贡献1条内容
所有评论(0)