«

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('请填写所有信息');
            }
        },

vue every

推荐阅读:


扫描二维码,在手机上阅读