el-select多选表单校验
时间: 2023-10-06 09:11:56 浏览: 136
iview中Select 选择器多选校验方法
在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 ]
阅读全文