VUE渲染问题

数据更新不能检测

vm.items[0] = newValue;

vm.items.length = newLength; 

数据更新检测方法

vm.items[0] = newValue解决方案

Vue.set(vm.items, indexOfItem, newValue)            //vue.set

vm.items.splice(indexOfItem, 1, newValue)            //Array.prototype.splice

vm.$set(vm.items, indexOfItem, newValue)

vm.items.length = newLength解决方案

vm.items.splice(newLength)

添加响应式属性:

vm.objectExample = Object.assgin({}, vm.objectExample, {

    newA : newValue,

    newB : newValue

})

注:下以方式不能实现及时响应,只有其它属性响应成功才会更新

Object.assign(vm.objectExample, {

    newA : newValue,

    newB : newValue

})

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容