美文网首页
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