![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
纯棉的羊
这个作者很懒,什么都没留下…
展开
-
vue封装checkbox组件时,选择一个数据时会提示校验不通过
思路:利用子父组件传值,子组件emit事件update更新输入框的值时,父组件接收时通过@update:message="changeMessage" 函数接收,在函数内判断当前传回的数据是否为空,如果不为空,则调用 this.$refs.form.clearValidate(s.prop)清除当前表单校验,如果为空则调用this.$refs.form.validateField(s.prop) 添加校验。$emit将当前组件数据传回父组件。在函数中判断当前选择的数据是否为空。原创 2022-11-23 11:05:54 · 1064 阅读 · 0 评论 -
elementUI中select下拉框设置了多选multiple之后 一进页面就触发校验bug
封装select组件时,预留了多选的配置,但是配置过后发现,一进入组件后select组件会自动校验,百度了,大概都是说的时选择器输入框在data中的初始值。created钩子函数中,判断当前是否传入multiple参数,如果有传入表示多选,可以将钩子函数中将表单的初始值改为空数组 [ ] ,原创 2022-11-22 10:46:16 · 2842 阅读 · 0 评论