乐趣区

关于element-ui:需求复选框状态判断将000000转变成001011即选中由01

通过复选框是否选中的状态将字符串中的 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(); // 清空十四项多选状态 多用于弹窗敞开时 
退出移动版