vue数组或对象数据变化视图不更新问题

Vue.js官方文档
响应式修改数组方式
• 调用数组变异方法
• Array.push()
• Array.pop() //删除最后一个
• Array.unshift() //开头添加一个或多个
• Array.shift() //删除开头第一个
• Array.splice(index, howmanny, item, item)
• Array.sort() //排序
• Array.reverse() //倒序
• vue全局方法 Vue.set(vm.unserInfo, 1, 5)
• vue实例方法 vm.$set(vm.userInfo, 2, 10)
• 改变全新的数组的引用

或者直接赋值

this.temp.tempList = [
          { fileList1: [], id: '', checkState: false, facilityType: '01', name: '火灾自动报警系统'},
          { fileList1: [], id: '', checkState: false, facilityType: '02', name: '自动喷水灭火系统’ },
          { fileList1: [], id: '', checkState: false, facilityType: '03', name: '气体灭火系统' },
          ]

猜你喜欢

转载自blog.csdn.net/qq_52912134/article/details/112653867