vue 中 修改数据 更新视图
Vue.set( target, key, value )参数:{Object | Array} target{string | number} key{any} value返回值:设置的值。用法:向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属...
·
Vue.set( target, key, value )
-
参数:
{Object | Array} target
{string | number} key
{any} value
-
返回值:设置的值。
-
用法:
向响应式对象中添加一个属性,并确保这个新属性同样是响应式的,且触发视图更新。它必须用于向响应式对象上添加新属性,因为 Vue 无法探测普通的新增属性 (比如
this.myObject.newProperty = 'hi'
)注意对象不能是 Vue 实例,或者 Vue 实例的根数据对象。
项目中 遇到 最多的就是
数组对象中 修改某个属性值 视图 更新
一般 我是这样子 操作的
_this.$set(_this.commentData[index],'likeNum',_this.commentData[index].likeNum-1);
不过 有时候 _this.$set(_this.commentData[index],'likeNum',_this.commentData[index].likeNum-1); 这个 也不能解决问题
那我们 需要使用 在后面不上一段代码 如下
_this.$forceUpdate();
更多推荐
已为社区贡献9条内容
所有评论(0)