文章阅读

沉浸阅读完整内容

写文章

every判断所有元素是否为真

正在统计阅读人数 正在统计字数
登录收藏0
字号 100%

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

推荐阅读

4 篇精选
文章 / 148echarts如何解决解决图标数据重叠图表问题 文章 / 149vue3和vue2核心区别 文章 / 150前端使用mockjs自己生成数据用于API测试 文章 / 147Vue3创建项目如何在手机上访问

发表评论

评论 0

还没有评论,欢迎留下第一条讨论。

分享精彩,传递价值

生成专属海报,分享你的文章,让更多人发现好内容

浏览器不支持 Canvas,无法生成海报。

每日签到

每天来这里,记录一点持续积累。

当前积分--积分
本月签到--
本月获得--积分
正在读取