开发者社区开发与运维文章正文

Vue表单中判断当前行输入框的值与整个表单的输入框的值是否重复（过滤自身数据）

2022-11-05 454

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 使用Element输入框自带change事件获取到scope.$index以及input框中的值（@change="change(scope,$event)"）；使用forEach遍历整个表单的数据(item是需要遍历的数组，index是数组中元素的下标)；

使用Element输入框自带change事件获取到scope.$index以及input框中的值（@change="change(scope,$event)"）；

使用forEach遍历整个表单的数据(item是需要遍历的数组，index是数组中元素的下标)；

关键：scopeIndex != index 过滤掉自身（原理是判断下表是否相等，相等就过滤掉）；

最后使用includes来判断是否重复；

示例代码如上图

文章标签：

JavaScript

关键词：

VUE.js数据

VUE.js表单

表单VUE.js

vue数据VUE.js

数据VUE.js

汪汪队出击

米诺斯

2天前

资源调度 JavaScript API

Vue-treeselect：为Vue应用程序提供强大选择器的指南

米诺斯

6 0 0

爱你三千遍斯塔克

1天前

JavaScript 开发工具 git

大事件项目40---Vue代码里如何引入相对路径图片

爱你三千遍斯塔克

6 1 1

蓝色流星86

2天前

JavaScript 前端开发

一个好看的vue admin模板

这是一个关于Vue管理模板的引用，提到了[PanJiaChen](https://github.com/PanJiaChen/vue-admin-template)在GitHub上的`vue-admin-template`项目。该项目是一个前端管理模板，链接指向了详细的资源。页面中还包含了一张图片，但markdown格式中无法直接显示。简而言之，这是关于一个基于Vue的后台管理界面模板的参考信息。

蓝色流星86

8 0 0

谢妹纸

2天前

JavaScript

vue知识点

谢妹纸

5 0 0

你都不懂

2月前

JavaScript API

【vue实战项目】通用管理系统：api封装、404页

你都不懂

48 3 3

编程千纸鹤

2月前

人工智能 JavaScript 前端开发

毕设项目-基于Springboot和Vue实现蛋糕商城系统（三）

毕设项目-基于Springboot和Vue实现蛋糕商城系统

编程千纸鹤

44 0 0

编程千纸鹤

2月前

JavaScript Java 关系型数据库

毕设项目-基于Springboot和Vue实现蛋糕商城系统（一）

毕设项目-基于Springboot和Vue实现蛋糕商城系统

编程千纸鹤

111 0 0

山河亦问安

2月前

JavaScript 前端开发 API

Vue3+Vite+TypeScript常用项目模块详解

现在无论gitee还是github，越来越多的前端开源项目采用Vue3+Vite+TypeScript+Pinia+Elementplus+axios+Sass(css预编译语言等），其中还有各种项目配置比如eslint 校验代码工具配置等等，而我们想要进行前端项目的二次开发，就必须了解会使用这些东西，所以作者写了这篇文章进行简单的介绍。

山河亦问安

94 0 0