Vue form中明细的el-table中删除行，界面除行时，数据删除了，但是列表不刷新。

本文主要是介绍Vue form中明细的el-table中删除行，界面除行时，数据删除了，但是列表不刷新。，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

<el-table :data="form.dataList">

        ……

</el-table >

当删除行后，数据为list， 数据代码如下：

        this.form.dataList = list;

经常出现数据不进行刷新，但有时刷新是正确的。

把代码改成如下，就一确，OK。

        const n = list.length;  

        this.form.dataList.splice(0, n);

        for(var i in list) {

          this.form.dataList.push(list[i]);

        }    

       看上去象是Vue的bug， 对于做应用而言，解决了就好。既然是流行的框架，总有一个方法可以解决的。

这篇关于Vue form中明细的el-table中删除行，界面除行时，数据删除了，但是列表不刷新。的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---