这篇文章主要介绍了Vue element-ui父组件控制子组件的表单校验操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
方法一:
父组件代码:
<div> 保 存</div>
//子组件代码
<!-- --> <div class="form-content"> </div><mark>来源gaodaimacom搞#^代%!码网</mark>
补充知识:vue element-ui表单验证无效解决方案
在写页面的时候用到的element-ui库中的表单验证
出现如下问题
表单验证效果已有 但验证功能不正确。
检查与对照官网 发现有二点如下所示
第一,在form上需要绑定对象,绑定规则
第二,在form-item上的prop需要与输入框中的绑定对象命名相同。
改完之后,即可对输入内容进行验证
验证内容格式 可参考element-ui官网
以上就是Vue element-ui父组件控制子组件的表单校验操作的详细内容,更多请关注gaodaima搞代码网其它相关文章!