问题
表单内部加入了button时,调用这个button的点击事件时会触发表单的校验。
原因
浏览器中 button 标签 type 属性的默认值为submit,导致触发表单提交。
解决方案
将button的native-type设置为button,同时加上.stop来阻止其冒泡。
<van-button native-type='button' @click.stop='xxx'>
表单内部加入了button时,调用这个button的点击事件时会触发表单的校验。
浏览器中 button 标签 type 属性的默认值为submit,导致触发表单提交。
将button的native-type设置为button,同时加上.stop来阻止其冒泡。
<van-button native-type='button' @click.stop='xxx'>
本文标题:Vant2表单form内部按钮触发校验问题
本文链接:https://www.haomeiwen.com/subject/mwetzrtx.html
网友评论