every判断所有元素是否为真
时间:2023-6-14 23:52 作者:小诸葛 分类: Vue 正在检查是否收录...
今天写vue项目遇到需要判断所有input框是否都填写了内容,用到了一个every具体如下:
判断每一个input是否都填写了内容
<input :type="v.type" :placeholder="v.ts" v-model="v.md" />
title: [
{ name: '姓名', ts: '请输入姓名', md: '', type: 'text' },
{ name: '年龄', ts: '请输入年龄', md: '', type: 'number' },
{ name: '性别', ts: '请输入性别', md: '', type: 'text' },
{ name: '手机', ts: '请输入手机号', md: '', type: 'text' },
]
is() {
return this.title.every(v => v.md !== '');//判断所有input是否都填写完成,都不=空返回true,一个为空返回false
}
再通过判断的返回值进行一个操作,
add() {
if (this.is) {
this.list.push(this.title.map(v => v.md));
// 提交之后清空input内容
this.title.forEach(v => v.md = '');
} else {
alert('请填写所有信息');
}
},
推荐阅读:
扫描二维码,在手机上阅读