报错：Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfr

最新推荐文章于 2024-07-12 15:14:43 发布

进击的小人物

最新推荐文章于 2024-07-12 15:14:43 发布

阅读量1.2k

点赞数

分类专栏： set报错文章标签： vue.js

本文链接：https://blog.csdn.net/weixin_50644178/article/details/121399562

版权

1 篇文章 0 订阅

订阅专栏

Avoid adding reactive properties to a Vue instance or its root $data at runtime - declare it upfront in the data option.

在这里插入图片描述

在这里插入图片描述

知识点
受 ES5 的限制，Vue.js 不能检测到对象属性的添加或删除。因为 Vue.js 在初始化实例时将属性转为 getter/setter，所以属性必须在 data 对象上才能让 Vue.js 转换它，才能让它是响应的。

此时需要借助：this.$set() 方法，
语法：

this.$set(this.data,”key”,value')
Vue.set( target, propertyName/index, value )

此方法接收3个参数，
参数：

{Object | Array} target
{string | number} propertyName/index
{any} value

关注