Element table中使用筛选功能后如何再编辑数据？ - VueClub

粉丝福利 : 关注VUE中文社区公众号，回复视频领取粉丝福利

初始状态

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>1.png1150×469 25.8 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

如果不进行筛选，可以正常编辑。

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>4.png1007×479 23.9 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

但是一旦进行筛选后，

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>2.png1026×479 29.2 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

点击编辑发现该行scope.$index的值为0，其实他真正的值应为2.就是因为筛选后隐藏了前两行数据。（相当于我点击红框编辑，控制的是隐藏的第一行数据。）

<svg class="fa d-icon d-icon-far-image svg-icon" aria-hidden="true"><use xlink:href="#far-image"></use></svg>3.png1062×308 14.7 KB<svg class="fa d-icon d-icon-discourse-expand svg-icon" aria-hidden="true"><use xlink:href="#discourse-expand"></use></svg>

求大神指点，如何才能正确控制所编辑的该行数据？本人小白，在此谢过。

回到顶部