element表单对于自定义组件没有主动触发验证的解决办法

            <el-form-item label="二级分类" prop="ejfl">
              <DictSelection
                v-model.trim="form.ejfl"
              ></DictSelection>
            </el-form-item>

比如这是我的一个表单验证,里面是我自定义的组件,字典选择器,明明form.ejfl是实时变化的,而且是验证通过的,但是change的时候并没有消除验证.
解决办法: 进入到 DictSelection这个组件内,找到他的change方法, 方法内获取父组件实例,并让他发送一个事件,这个事件就是你rules里面trigger所绑定的事件
this.$parent.$emit("el.form.blur");
因为她是被el-form-item包裹的,所以他获取的到的是el-form-item这个实例
这样就可以了!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。