vue轮播图影响其他页面的情况

Question

用vue创建的轮播图，会出现干扰其他页面、图标的情况，如何解决？

Answer 1

【相关推荐】

• 这个问题的回答你可以参考下: https://ask.csdn.net/questions/7721890
• 这篇博客也不错, 你可以看下vue切换页面/路由跳转后，页面不会置顶的解决方案
• 您还可以看一下 jason老师的vue通用后台管理课程中的 vue路由的使用小节, 巩固相关知识点
  
• 除此之外, 这篇博客: vue修改数据页面不重新渲染中的 使用vue，遇到几次修改了对象的属性后，页面并不重新渲染，模拟案例如下： 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  
  <template>
    <div>
      <div v-for="(item,index) in list" :class="{'bg':item.red}" :key="index">
        <div>{{ item.name}}</div>
        <button @click="fn(index)" type="info">编辑</button>
      </div>
    </div>
  </template>
  <script>
  export default {
    data() {
      return {
        list: [{ name: "kity", red: false }]
      };
    },
    methods: {
      fn(index) {
        // this.list[index].red=true;
  
        this.$set(this.list[index], "red", true);
  
        this.$forceUpdate();
      }
    }
  };
  </script>
  
  <style scoped>
  .bg {
    background: red;
  }
  </style>
  
  

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^