标记核心决策人：列表有分页时，如何将选中的人员传递给后端

这个列表是有分页的，如何与后端接口传参，正确的设置核心决策人？

　　主要问题场景：

　　　　第一页选中前2个，第二页选中前2个，然后只将第一页取消勾选，此时第二页已勾选的人员怎么传递？

 

　　第一次进入该页面，只加载第一页10条数据，此时，一个都没有选中，上划，加载第二页，分别选中第一页的前2条和第二页的前2条，提交

　　再次进入该页面，将第一页的前2条取消选中，不上划的情况下，第二页选中的人员怎么传递到后端？

 

 

    async handleSignOk() {
      const { relationList, isCoreList } = this // relationList 是列表数据 isCoreList 接口返回的已经是核心决策人list
      const bindIdList = []
      relationList.forEach(item => {
        if (item.coreType) bindIdList.push(item.id)
      })
      const unBindIdList = isCoreList.filter(item => !bindIdList.includes(item))
      if (bindIdList.length === 0 && unBindIdList.length === 0) return this.$vux.toast.text('请勾选核心决策人')
      const { success } = await setCoreApi({ bindIdList, unBindIdList })
      if (success) {
        this.refrash()
        this.isSign = false
        this.$refs.listScrollerRef.$el.scrollTop = 0
        this.$vux.toast.text('标记成功')
      }
    }

 

核心思想：使用两个数组，一个是bindIdList（选中的），一个是unBindIdList（取消选中的）