簡(jiǎn)化描述如下。

組件代碼：

<el-table :data="tableData">
    <el-table-column>
        <template slot-scope="scope">
            <el-popover ref="myPopover" trigger="click">
                <el-table :data="scope.row.name">
                    <el-table-column prop="firstName" label="firstName"></el-table-column>
                    <el-table-column prop="lastName" label="lastName"></el-table-column>
                </el-table>
            </el-popover>
            <el-button v-popover:myPopover>查看</el-button>
        </template>
    </el-table-column>
</el-table>

如上，主頁(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)？