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 评论