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