通过复选框是否选中的状态将字符串中的0转变成1。

<el-table ref="itemref" :data="itemList" border highlight-current-row stripe @selection-change="handleSelectionChange">
  <el-table-column type="selection" width="55" />
  <el-table-column type="index" label="序号" min-width="70">
    <template slot-scope="scope">
      {{ scope.$index + (formData.pageInfo.pageNumber - 1) * formData.pageInfo.pageSize + 1 }}
    </template>
  </el-table-column>
  <el-table-column prop="name" label="姓名" show-overflow-tooltip> </el-table-column>
</el-table>
itemList : []  //将选中的选项暂存在该数组中
itemNum: ['0', '0', '0', '0', '0', '0'],
items: '',  //最终得到的字符串,传递给后端
itemList: [
        { itemIndex: 0, name: "第一项" },
        { itemIndex: 1, name: "第二项" },
        { itemIndex: 2, name: "第三项" },
        { itemIndex: 3, name: "第四项" },
        { itemIndex: 4, name: "第五项" },
        { itemIndex: 5, name: "第六项" },
      ],
handleSelectionChange(val) {
  this.itemList = val; //将选中的项放入到数组中
  this.itemList.forEach(item => {
    this.itemNum[item.itemIndex] = 1 //定位将0赋值为1
    this.items = this.itemNum.join('').toString()  //将数组转换成字符串
  });
},
// this.$refs.itemref.clearSelection(); //清空十四项多选状态 多用于弹窗关闭时

Dream_98311
9 声望0 粉丝