首页 新闻 赞助 找找看

Element-ui table splice 移除数组元素 页面只会删除最后一行 视图和数据不对等

0
[待解决问题]

搭建Vue后台,用了vue-element-admin开源项目,里面的Element-ui table表格删除元素视图更新有误

<el-table v-loading="listLoading" :data="list" border fit highlight-current-row style="width: 100%">
    <el-table-column align="center" label="Actions" width="120">
        <template slot-scope="scope">
          <el-button-group>
            <el-button type="danger" size="small" icon="el-icon-delete" @click="deleteList(scope.row.id, scope.$index)" />
          </el-button-group>
        </template>
      </el-table-column>
    </el-table>
</el-table>

这里我要删除操作,移除一行数组,于是获得了id和数组index

deleteList(id, index) {
  console.log(index)
  this.list.splice(index, 1)
}

操作完后,list数组是移除正确的,但是视图上把表格最后一行移除了,我很奇怪,难道element-ui的table遍历的数组对象不是我传递的list?不管我删除哪一个,视图上照样删除最后一行,甚至我重新调用接口赋值list也不行,视图和数据不对等

遗失的美好灬的主页 遗失的美好灬 | 菜鸟二级 | 园豆:228
提问于:2020-06-24 14:47

是不管移除数组下标第几个,控件上都只移除最后数组中最后一个数据?

Mr丶Yan 3年前

@Mr丶Yan: 是的,我上了个厕所好了,期间重新编译了一下

遗失的美好灬 3年前
< >
分享
所有回答(1)
0

解决办法:上个厕所

遗失的美好灬 | 园豆:228 (菜鸟二级) | 2020-06-24 16:39
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册