概述
<form v-on:submit.prevent>
<div>
<input type="search" name="search" required v-model='inputVaule'>
</div>
<div>
<input type="submit" name="submit" @click='search' value="提交">
</div>
</form>
如代码所示，在表单form中添加@submit.prevent可以阻止表单的提交行为，并且页面不刷新。
另外的方法：
在form标签中添加οnsubmit=“return false;”
最后
以上就是满意大树为你收集整理的Vue阻止form表单的默认提交行为@submit.prevent的全部内容，希望文章能够帮你解决Vue阻止form表单的默认提交行为@submit.prevent所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复