已知数组添加可被vue监听的属性 vue

最新推荐文章于 2023-08-06 10:29:31 发布

可爱滴菜鸟

最新推荐文章于 2023-08-06 10:29:31 发布

阅读量300

点赞数

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

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

版权

vue 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

在Vue中，当需要为已有对象或数组添加动态属性并确保这些属性变化能被Vue监听时，可以使用$set方法。本文通过一个示例展示了如何在循环中为list数组的每个元素添加'attribute'属性，该属性初始值设为false，确保属性的添加符合Vue的数据响应原则。

摘要由CSDN通过智能技术生成

有时再获取一个已有数据的对象或者数组时,仍需要为其添加所需的属性,需要使用$set方法进行添加,这样添加后的属性是可以被vue监听到的.

          return {
                list: [],//数组
            }

            methods:{
                 setAttribute(){
                      for (let i = 0; i < _this.list.length; i++) {
                            _this.$set(_this.list[i], 'attribute', false);
                        }
                    }
             }