72.Vue+elementUI表格多选时判断只要有一条数据不符合条件就弹出对话框提示

前言：

项目中遇到表格里数据，编辑时有三个字段是必填的，然后点击操作列里的启动和左上角的批量启动时，就要判断，你所选的数据里，是否符合这三个字段全部不为空的条件，从而决定能不能进行操作。

1.单条数据好判断，直接if---else就可以了

if(row.user=='' || row.file=='' || row.time=='' || row.user==null || row.file==null || row.time==''){
    this.$confirm('请检查编辑中必填项是否为空！','提示',{
        confirmButtonText:'确定',
        cancelButtonText:'取消',
        type:'warning'
    }).then(() =>{
    
    }).catch(() =>{
    
    })
}else{
    // 为启动按钮点击后的代码
}

2.但是多选时，判断多条数据就不好判断了，因为你也不知道你选的这几条里到底是第几条数据这三个字段有空值，不能遍历数组去判断，可以先初始化一个数组，如果选中的数组里，有一条数据有空值，就往新数组+1，之后判断新数组长度，大于0就弹出提示框，等于0就继续批量启动操作。

let newDelete = []
this.batchDeleteArr.map(item =>{
    if(row.user=='' || row.file=='' || row.time=='' || row.user==null || row.file==null || row.time==''){
        newDelete.push(1)
    }
})

if(newDelete.length > 0){
    this.$confirm('请检查编辑中必填项是否为空！','提示',{
        confirmButtonText:'确定',
        cancelButtonText:'取消',
        type:'warning'
    }).then(() =>{
    
    }).catch(() =>{
    
    })
}else{
    // 为批量启动按钮点击后的代码
}