美文网首页
Vant2表单form内部按钮触发校验问题

Vant2表单form内部按钮触发校验问题

作者: SleepWalkerLj | 来源:发表于2022-10-11 10:43 被阅读0次
表单.png

问题

表单内部加入了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