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

最新推荐文章于 2024-03-19 18:17:34 发布

小小蝙蝠侠

最新推荐文章于 2024-03-19 18:17:34 发布

阅读量3.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：随笔

本文链接：https://blog.youkuaiyun.com/lqx_520/article/details/85790625

随笔专栏收录该内容

2 篇文章

订阅专栏

本文探讨了Vue结合Mint-UI框架时遇到的问题及解决方案，包括如何正确处理Tab切换事件，以及在组件内修改body背景色而不影响其他页面的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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