Vue 对象/数组 更新后 页面的渲染

用于解决v-for 渲染的页面,更新了数组的元素,页面无法渲染更新后的数据

或者对象属性的添加导致的页面无法渲染到的问题

vue 视图更新(重新渲染页面)

  1.  方法:vue.set( target, propertyName/index, value )

  2.  对象属性的添加 Vue.set(object, propertyName, value) target-vue对象 propertyName-添加的属性 value-添加的值

  3.  数组中对象元素的属性添加  Vue.set(items, indexOfItem, newValue)  items-vue对象 indexOfItem-要更新数组的下标 newValue-更新的值 就是将数组的对应下标所在的元素替换了

  4. 备注:数组push() pop() shift() unshift() splice() sort() reverse() 以上方法直接使用VUE可检测

福利:var vm = this; vm.$forceUpdate 强制更新整个vue视图 妈妈再也不用担心一个一个的去set了

你可能感兴趣的:(VUE,渲染页面,更新数据)