vue element 表格多选框选中的时候如何让翻页的时候选中状态也不会没掉

Question

比如我在第一页选了两个，翻到第二页这个选中状态就没了，除了把他们推到一个数组里，每次点的时候去循环数组比较，还有什么简单的办法吗？

Answer 1

一个选中数组，点击记录id，indexof查找，这已经最好的办法，如果不用这种，用什么jsjq，提交的时候一样麻烦。还不如用回数组记录id的形式

Answer 2

没写过类似的，不过我有个思路，你可以参考一下。

就是将页码和选中的结合在一起，放在一个对象里面，比如：

selectedItem:{
    1:[1,2,3],
    2:[1,4,5]
}

1和2是页码，当翻页的时候就把这个selectedItem当前页码的数组赋值给Input的v-model变量

以上纯构想，没实验过，不知是否可行

Answer 3

我觉得还是设置一个全局数组，每次点击事件的时候，将你选择的数据放进去，最后提交的时候将这个数组提交。这种是比较好的办法。

Answer 4

把选中状态当做属性写到数据里