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