最近在工作中遇到了这个需求点击确定时要将表格中的输入框经行校验,记录一下方便以后复用。

有两种方式,第一种是提示的方式,

效果:输入框为空的时候:

效果:点击确定是进行校验: 

 效果:

 代码的思路是这样的

data中需要定义一个用来标记的变量,名字是随便起的.

data(){

return:{

value:''

}

}

下一步是在点击确定时:对表格数组进行循环并判断每一项是否为空,只要有一个为空就提示,并this.value++;没有为空的时候,就将this.value置空。

list.forEach((item,index)=>{

if (item.'什么什么什么' === '' ||){

ElMessage({

showClose: true,

message: `提示:下列第 ${index+1} 行 请补充完整`,

type: 'warning',

})

this.value ++;

}else {

this.value = 0;

}

})

if (this.value === 0) {

'value等于0就表示数组中没有为空的了'

}

第二种方式要比第一种更准确一点:

效果:验证

源码奉上:

有需求可以试试.

相关阅读

评论可见,请评论后查看内容,谢谢!!!
 您阅读本篇文章共花了: