el-table-v2数据量太多校验时出现的各种问题?

数据量有1000多条,用了el-table-v2虚拟表格,每一条嵌套了输入框并且做了校验:
问题1:删除其他某一条数据(不是splice删除,而是通过computed判断条件过滤),此时输入框明明是有值,但还是校验提示了,如果用了splice就不会这样校验;
问题2:由于数据量太多,做了滚动条,滚动条滚到的位置数据会出现校验,没有滚到的地方数据不会校验,也就是说能看的见的数据是可以校验的,看不到的数据是不会校验的;
请问各位前端大佬:这是啥原因?是否有解决方法?

阅读 2.3k
2 个回答

使用了虚拟列表,导致不在视图内的元素不渲染,自然校验就都无效了。
可以用自己写校验的方法,调用定位到第一条校验不通过的数据,然后滚动到对应的位置,再触发form组件的校验方法

1,用filter() 方法来过滤,操作后更新

  1. el-table-v2 用了虚拟滚动,只会渲染看得到的部分来提高性能,你可以用其他的库 vue-virtual-scroller
推荐问题
logo
Microsoft
子站问答
访问
宣传栏