el-table が動的にデータを追加および変更し、テーブルのデータが更新されない問題を解決する

問題の説明

テーブルにデータ行を追加し、a 値から b 値を取り出してテーブルに返します。値は変更されており、ページは更新されていません。

---

原因分析:

最初はdata内のobjプロパティがレスポンシブデータとして設定され、新しく追加されたデータは後から変更され、Object.definePropertyを通じてレスポンシブデータとして設定されるわけではないので、動的に追加するとレスポンシブデータに設定されません。リフレッシュしてください。

---

解決：

Vue.set() を直接使用することもできますが、操作方法がよくわからない場合は、this.$forceUpdate() を使用して強制的に更新することもできます (非推奨)

Vue.set( target, key, value ) 
 //target：要更改的数据源(可以是对象或者数组)
 //key：要更改的具体数据
 //value ：重新赋的值，