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();

 

Logo

前往低代码交流专区

更多推荐