JS判断数组中的对象的每一个值不能为空

方法一:使用every()函数,此函数不怎么常用,想要了解更多请自查

//表格 evaluateData为表格的数据
 <el-table
                id="out-table3"
                :data="evaluateData"
                stripe
                style="width: 100%">
                <el-table-column
                  prop="appraiseValve"
                  label="评价项目">
                </el-table-column>
                <el-table-column label="评价主体" >                
                  <el-table-column
                    prop="score"
                    label="园长评">
                     <template slot-scope="scope">
                       <el-input
                         v-model="scope.row.score"
                         label="请输入分数"
                         style="width: 100px;">
                       </el-input>
                    </template>
                  </el-table-column>
                </el-table-column>
              </el-table>
//Vue 结构下的的data
data(){
    return{
        evaluateData:[ ]
    }
}
//提交的事件
submit(){
       //此方法内的this指向
       var that = this
       let flag = that.evaluateData.every(item => !!item.score)
          if (!flag) {
              console.log('score分数不能为空!')
              return
           }else{
              //不为空时执行的结果
           }
       

}

方法二:some()函数

使用
if (this.evaluateData.some((val) => val.score== '')) {
    this.$message({
        type: "error",
         message: "请填写分数,分数不能为空,
    });
    return;
}

 

posted @ 2022-03-23 15:44  武小妞  阅读(2078)  评论(0编辑  收藏  举报