elementUI中select下拉框设置了多选multiple之后 一进页面就触发校验bug
- 问题描述 : 在elementUI中 , Form表单设置了rules校验规则 , 正常情况下 , 进页面是不会触发校验规则的 , 但是select下拉框设置了multiple 多选属性之后 , 就会产生bug . 原因是select下拉框设置多选属性之后 , 进页面就会触发change事件导致触发校验规则 , 如图
作者:FunnySoul300Jin
链接:https://www.jianshu.com/p/8e7a06e7cad8
解决方案 :
1 . 在 created 钩子函数中 , 默认将绑定的值设置为空数组 this.$set(this.rowData, ‘reason’, []) /* this.rowData为props接收的对象, reason是select下拉框v-model绑定的值 */
2 . 设置一个data值 , 校验的时候去控制