vue数据改变页面不渲染问题解决方案

  data() {
        return {
         tableData:[
         {	id:0,
         	tip:false}
         ],
         data:{
         	name: 'Lisi'
         }
        }
      },

类似于以上的数据
尝试方案1
this.$set(object,key,value)

this.$set(this.tableData[id],"tip",true);
// 如果还不行,加一行代码强制渲染(因数据层次太多,无法渲染)
this.$forceUpdate();  

尝试方案2
this.object = Object.assign( { } , this.object , {id:1}) 注:object必须是已经声明的对象

this.data =  Object.assign( { } , this.data , {name: '王五'})

猜你喜欢

转载自blog.csdn.net/Follow_the_heart/article/details/88710414