場景：

table組件綁定的數(shù)據(jù)變化時(shí)，頁面沒有重新渲染，常見于子組件中使用table組件

原理：

創(chuàng)建實(shí)例時(shí) 數(shù)組在vue中沒有被監(jiān)聽到，屬于非響應(yīng)式數(shù)據(jù)，數(shù)組的下標(biāo)變化無法監(jiān)聽到

解決方式：

    <el-table:key="tamptime"stripeborderfitheight="450":data="tabledata"style="width: 100%"><el-table-columnv-for="i in pretabledatacolumn":key="i.index"show-overflow-tooltip:prop="i":label="i"width="230"/></el-table>data(){return {tabledata:[],pretabledatacolumn:[],tamptime:new Date().valueOf()}
}
methods:{changeTableData(){this.tabledata = []}
}

1、利用vue中重寫的數(shù)組方法
splice，split，concat…

changeTableData(){this.tabledata.splice(1,0)
}

2、為table綁定一個(gè)key，數(shù)據(jù)變化時(shí)更改key值,或者使用v-if綁定一個(gè)不重復(fù)的值觸發(fā)組件渲染

changeTableData(){this.tamptime = new Date().valueOf()this.tabledata = newtabledata}

3、使用$set()

changeTableData(){this.$set(tabledata,1,'newvalue')}