当前位置： 移动技术网 > IT编程>网页制作>CSS > vueelement-UI批量删除

vueelement-UI批量删除

2018年10月25日  | 移动技术网IT编程  | 我要评论

vue element-ui 批量删除

1.首先在el-table的标签中添加一个事件@selection-change="selschange",还得在批量删除的标签中写上:disabled="this.sels.length === 0"



      
      
      
        
          
          
          
          {{ scope.row.label }}

批量删除

2.然后去实现这个事件

selschange(sels) {
        this.sels = sels
      }

3.看到sels没有定义，我们在return中定义一下sels

export default {
    data(){
      return{
        sels: [],//选中的值显示
      }
    }
}

4.写批量删除的事件在导入接口的时候参数就写paths:path

deletefileordirectory() {
        let path = this.sels.map(item => item.path).join()//获取所有选中行的path组成的字符串，以逗号分隔
        console.log(path)
        this.$confirm('此操作将永久删除该文件及其子文件, 是否继续', '提示', {
          confirmbuttontext: '确定',
          cancelbuttontext: '取消',
          type: 'warning'
        }).then(() => {
          this.$api.deletefileordirectory({paths:path}).then(result => {
            let {data} = result
            console.log("批量删除")
            let flag = this.$config.executeresult(data)
            if (flag) {
              this.$message.success(data.operationcontentdetails)
              this.$emit('reloadtree')
            }
          })
        })
      }

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网