uniapp实现表格的多选功能

最近需要做一个数据多选功能,我用到了uniapp的table组件,这个组件自带多选的功能,只需要将type设置为section

uniapp实现表格的多选功能_第1张图片

然后官方给出了多选触发事件

uniapp实现表格的多选功能_第2张图片

该事件的回调参数中,返回index和vlaue,而vlaue一直为空,获取不到值,那我们可以获取到勾选数组的序号数组:e.detail.index,通过index来获取数据项

uniapp实现表格的多选功能_第3张图片

最后遍历序号数组,赋值获取到最后的数据uniapp实现表格的多选功能_第4张图片

最后,多选功能就完成了,

这中间有一个问题,这个多选功能实现了,如何在编辑数据时,通过获取数据详情,再次回显数据并勾选在列表中,目前我还没有找到解决方法

你可能感兴趣的:(uni-app)