簡化描述如下。組件代碼:查看如上,主頁面有一個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-05-23 19:01:22
