element中使用v-if指令导致表单出现自动验证的问题

当使用了element中的表单验证的时候,需注意是否在同一个标签中使用了
v-if的指令,当时使用了v-if时,切换显示效果时,表单出现了自动验证
解决办法,使用v-show代替,在页面元素不多的话使用v-show代替即可解决表单自动验证的问题,造成这个的原因是因为在element-ui中使用form需要使用ref,当使用ref时,注意避免和v-if使用,避免出现未知的BUG
问题:element-ui表单组件出现自动验证的问题
解决方法:将v-if 替换为v-show,在不影响页面渲染速度的情况下,且不会造成页面安全问题的情况下,如果有更好的解决办法欢迎评论

你可能感兴趣的:(vue.js,经验分享)