Vue,JS判断数组中的对象的每一个值不能为空,判断数组中的每一层对象的某一个字段属性值不能为空或其他条件

20 篇文章 0 订阅
17 篇文章 0 订阅

Vue,JS判断数组中包含的每一层对象的某一个属性值不能为空或者其他

终极大法:就是用every,some遍历数组,区别:every只要有一项不满足条件都返回false some有一项满足都会返回true

这种操作一般用来操作列表,提交数据时需要判断某一个字段不能为空等条件
此次案例:在点击最下方的提交时,需要判断红色框内的每一个分数不能为空

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

在这里插入图片描述

注:其实判断这种列表中的数组,用for循环也可以,但是最终的效果是判断数组中的对象,只提示一个语句,如果用for循环,就会跳出很多个提示框,次数为数组的长度

//表格 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;
}

  • 5
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值