树状列表多选删除判断去重
侧边栏壁纸
  • 累计撰写 23 篇文章
  • 累计收到 48 条评论

树状列表多选删除判断去重

Zuiet
2024-09-02 / 0 评论 / 12 阅读 / 正在检测是否收录...

在elemenet中,下拉框选中数据后取消和选中都会产生一个数据,在进行多选删除如果遇到客户重复添加会出现重复ID,导致无法删除
以下是以element的树状列表多选删除为例

  <template>
     <el-tree :props="props" :load="loadNode" show-checkbox 
      @check-change="handleCheckChange">
     </el-tree>
     <button @click='handleRemoveAll'>批量删除</button>
  </template>

  <script>
    export default {
      data() {
        return {
          deletedData:[], // 选中的数据
        }
      },
      methods:{
        handleCheckChange(data) {
          // data为选中的数据对象
          const key = data.id // 选择唯一值为key
          const index = this.deletedData.indexOf(key) // deletedData为存储的数组
          // 通过indexOf来判断 没有找到匹配的字符串则返回 -1。
          if (index == -1) {
            // 添加进数组中
            this.deletedData.push(key)
          } else {
            // 如果检测到重复,删除
            this.deletedData.splice(index, 1)
          }
        },
        handleRemoveAll(){
          // ... 删除方法
        }
      }  
    }
       
  </script>
0

评论 (0)

取消