簡化描述如下。組件代碼:如上,主頁面有一個el-table,頁面加載時,通過自定義的this.getData()函數(shù)從后臺數(shù)據(jù)庫獲取到tableData數(shù)據(jù),其結(jié)構(gòu):tableData: [ {name: [{firstName: 'Nick', lastName: 'Young'}], age:22}, {name: [{firstName: 'Allen', lastName: 'Zhang'}], age:23}]當點擊查看按鈕時,能夠正常顯示el-popover中嵌入的表格數(shù)據(jù)。另外有一個editData()函數(shù),它的功能是:向后臺發(fā)送put請求,修改數(shù)據(jù)庫中的一條數(shù)據(jù),比如將{name: [{firstName: 'Allen', lastName: 'Zhang'}], age:23}修改為:{name: [{firstName: 'Jack', lastName: 'Ma'}], age:18},然后調(diào)用this.getData()函數(shù)刷新當前tableData數(shù)據(jù)?,F(xiàn)在問題來了。實際中,當執(zhí)行this.editData()函數(shù)后,點擊查看按鈕,并不會顯示el-popover中的表格數(shù)據(jù);但是當刷新當前頁面后,就能夠正常顯示出來。目前找了一個比較笨的解決方法:在editData()函數(shù)的最后使用this.$router.push刷新當前頁面,弊端是頁面有較為明顯的刷新動效,體驗不佳。請問各位碰到過類似問題么?有啥比較好的解決方法沒?
element-ui 中 el-popover 組件嵌套表格,如何使表格數(shù)據(jù)動態(tài)刷新?
桃花長相依
2019-02-26 17:39:39