vue-cli中单独设置body页面背景颜色

最新推荐文章于 2024-08-23 09:13:43 发布

小小蝙蝠侠

最新推荐文章于 2024-08-23 09:13:43 发布

阅读量3.2k

点赞数 1

分类专栏：随笔

本文链接：https://blog.csdn.net/lqx_520/article/details/85790625

版权

随笔专栏收录该内容

2 篇文章 0 订阅

订阅专栏

又见面了，今天用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即可；