vue 不能监听对象属性的改变

最新推荐文章于 2024-09-09 16:42:29 发布

可爱滴菜鸟

最新推荐文章于 2024-09-09 16:42:29 发布

阅读量957

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_48802738/article/details/108640141

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

vue 不能监听对象属性的改变需要重新赋值后才会渲染页面!

 <div v-for="(item,index) in commonList" :key="index"
                 :class="active[index] ? 'activeClass' : 'noClass'" @click="commonClick(index)">
                {{item}}
            </div>
//方法
commonClick(index) {
                this.active[index] = !this.active[index];
                this.active = [].concat(this.active);//重新赋值后渲染页面
            },