Vant2表单form内部按钮触发校验问题
2022-10-11 本文已影响0人
SleepWalkerLj
表单.png
问题
表单内部加入了button时，调用这个button的点击事件时会触发表单的校验。
原因
浏览器中 button 标签 type 属性的默认值为submit，导致触发表单提交。
解决方案
将button的native-type设置为button，同时加上.stop来阻止其冒泡。
<van-button native-type='button' @click.stop='xxx'>
