element-ui 表格 修改后, 表格里面的数据不实时更新问题

element-ui 表格 修改后 表格里面的数据后 页面不实时更新问题 完美解
想要达到的效果：点击"更多"后，"更多"隐藏，删除和补仓显示；（有时间可全部看完，没时间直接看做法6/7）
尝试用的方法：自己用 this.show、在百度上找的方法 set 都没能成功
提示：最下面有代码demo
页面初始化：

目标效果

做法1：
给"更多"绑定一个 v-show=‘show’ 把 this.show 设置为true ，点击"更多"按钮后 在点击事件里面把this.show 设置为false；

结果1：
未成功，点击一个"更多"，其他所有的"更多"都隐藏起来了

原因1：
循环的时候show给了表格所有的行，所以点击一个"更多"导致所有的"更多"都隐藏了；

做法2：
给"更多"绑定一个v-show=’(scope. i n d e x + 1 ) ′ ， 理 想 状 态 是 ： 索 引 最 低 是 0 ， + 1 后 ， 至 少 也 为 1 , 所 以 显 示 ， 给 删