Vue阻止form表单的默认提交行为@submit.prevent
<formv-on:submit.prevent><div><input type="search" name="search"required v-model='inputVaule'></div><div><input type="submit" name="submit" @click='search' value="提交"&
·
<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;”
更多推荐
已为社区贡献6条内容
所有评论(0)