表单校验时，使用el-select multiple 下拉多选控件，一进页面就会触发表单校验问题解决

最新推荐文章于 2023-12-01 11:28:28 发布
最新推荐文章于 2023-12-01 11:28:28 发布
阅读量1k 收藏
点赞数
文章标签： 前端 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Soul_1998/article/details/121995490
版权


在我设置必填后，一进页面就提示了 后来发现 该字段绑定的属性 需为一个空数组即可解决

原文链接：原文

热风s
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决vue elementUI 使用el-select 时 change事件的触发问题
01-18
如下所示： <el v-model=level size=mini ...我们需要的是选择之后才触发，但是这样写你会发现，页面初始化的时候会触发多次，选择之后又会触发多次，原因是我们用错了标签，应该用 @change=”selectChange()
解决报错：Incorrect use of ＜label for=FORM_ELEMENT＞
热门推荐
qq_45945456的博客
06-02 1万+
从图中可以看出是把el-form-item里的label变成了label标签，但是没查清楚原因，但是按照提示加入id后，这个错误消失了。这并不影响开发，但看到增加的问题很难受，各种搜没有找到办法。
Vue开发报错：Incorrect use of ＜label for=FORM_ELEMENT＞
weixin_43563956的博客
07-27 4101
在写自己的demo的时候发现错误，其实就是提醒没有正确使用label通过资源提示找到节点发现是没有对应。
整理element UI的常见问题
lztry_的博客
09-02 1039
常见问题form 下面只有一个 input 时回车键刷新页面表格固定列最后一行显示不全气泡确认框文档里的confirm事件不生效输入框用正则限制但绑定值未更新去除type="number"输入框聚焦时的上下箭头只校验表单其中一个字段弹窗重新打开时表单上次的校验信息未清除表头与内容错位表单多级数据结构校验问题表格套input动态验证表格跨分页多选根据条件高亮行并去除默认hover颜色表单不想显示label但又想显示必填星号怎么办table 内嵌 input 调用 focus 方法无效表格内容超出省略el-tr
解决IE低版本浏览器不兼容label标签的for属性
六一首席
08-13 2523
我这里用到复选框的树形选择问题，由于原生的复选框样式不好看，所以用了图片替换，html中的代码如下 <td> <input type="checkbox" id="check" style="display: none;" onclick="ss()"/> <label for="check" class="mytext"><img s...
label标签的for属性无法实现的出现及解决方案
clover_oreo的博客
11-05 3607
可以点击关联的标签来聚焦或者激活这个输入元素，就像直接点击输入元素一样。这扩大了元素的可点击区域，将一个 和一个 元素相关联。而且也无法实现点击文字“用户名”跳转到输入框。光标移动，会有提示“无效的id引用”
el-select-tree:ElementUI的el-select与el-tree结合
05-07
如果您的项目不使用element-ui，则需要引入一个单独的element-ui包，如下所示： import 'el-select-tree/lib/element-ui' ; 全球注册 import Vue from 'vue' ; import ElSelectTree from 'el-select-tree' ; Vue ....
xm-select，一款简单多选的select插件
08-03
XM-SELECT就是这样一款专为解决多选问题而设计的插件，它以其简洁的API和丰富的功能，深受开发者喜爱。下面，我们将深入探讨这款插件的核心特性、使用方法以及常见应用场景。 首先，XM-SELECT的设计理念是“简单...
Vue + Element-ui的下拉框el-select获取额外参数详解
10-14
总结一下，当使用Vue + Element-ui的下拉框`el-select`时，通过`@change`事件结合`$event`参数可以获取到选中的值，而通过额外传递的参数（如`scope`或自定义值）则可以获取到更多上下文信息。这种技巧适用于那些...
解决antd Form 表单校验方法无响应的问题
01-18
antd 的 表单校验方法包括 validateFields 和 validateFieldsAndScroll 里面可以接收校验字段数组, options, 和一个回调函数 from.validateFields([name, age], {}, (err, val)=> {}) 校验全部表单数据 from....
使用谷歌浏览器访问vue项目的时候，报错Incorrect use of ＜label for=FORM_ELEMENT＞
FebruaryQ的博客
09-04 6767
标签会被解析成<lable>标签，并且还有。元素匹配在一起，你需要给。属性，因为关联已隐含存在！所以我们就知道该如何解决了。
【vue3+elementuiplus】el-select下拉框会自动触发校验规则的最强解决方案
bbt953的博客
08-02 9641
el-select下拉框会自动触发校验规则的最强解决方案
element ui el-select 多选表单校验问题
2301_76431401的博客
08-09 928
form表单绑定的form对象对应属性值为空字符串或者null（其他未尝试），表单中的多选下拉框会立刻执行校验并弹出校验信息。将多选下拉框对应的属性值默认值设置未空数组即可。：表单已进入就校验，框变为红色。
【element】el-select内使用el-tree选中数据时会触发必填校验的原因和解决方法
最新发布
bbt953的博客
12-01 1752
el-select内使用el-tree选中数据时会触发必填校验的原因和解决方法
针对element下拉select可多选时（ multiple）添加校验一进页面就触发校验bug
qq_42859450的博客
08-31 1177
element-plus select触发校验bug
el-select multiple 选择器多选控件，初始就会触发表单校验的问题
niyooooo的博客
05-19 1281
<el-select v-if="NextPoint.success" v-model="submitForm.messageReceiver" style="width: 50%" filterable multiple > 因为后端需要的下一步执行人为字符串 所以最开始写成messageReceiver: "", 结果打开页面就触发了表单验证 ...
el-select绑定值为对象时校验必填失效问题记录
Komorebi_00的博客
05-05 814
el-select绑定对象实现分页下拉查询报销人功能，修改回显时清空报销人没有触发必填校验问题解决方法
关于el-select自动校验的问题
qq_41988415的博客
07-27 2570
首次加载页面或刷新页面会触发select选择框校验
解决Element-UI el-select多选下拉菜单校验时，默认触发问题
Doggi1023的博客
08-17 1944
在使用el-select多选下拉菜单时，如果当前需求需要校验的话，可能会出现页面加载完毕，多选菜单触发校验问题。
el-select多选表单校验
08-30
在Vue项目中使用Element UI的el-select多选下拉框进行表单校验时，可能会遇到一个bug，即在页面初次加载时会触发一次校验。这个bug的解决方法是，通过在el-select组件上设置`immediate`属性为`false`，即可避免页面初次加载时的校验。具体代码可以写成： ```html <el-select v-model="selectedOptions" multiple :rules="rules" :immediate="false"> <!-- options here --> </el-select> ``` 在上述代码中，通过将`immediate`属性设置为`false`，可以确保el-select组件在页面初次加载时不会触发校验。这样就解决了el-select多选表单校验的问题。<span class="em">1</span> #### 引用[.reference_title] - *1* [Element-ui 多选.md](https://download.csdn.net/download/weixin_48014177/12443810)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值