解决vue中点击button会刷新页面的问题

2020-11-24  本文已影响0人  O糊涂范O

今天写页面遇到了一个问题,点击页面中的功能按钮,一直刷新页面。有点懵逼,button啥时候有默认点击事件了。最后发现问题出现在form表达上面。


1606189512(1).jpg

在form中使用button标签,可能就会导致页面的刷新。但是改成input标签就没有问题啦!或者写入div中不存在此问题。


<form>
 <button>确定</button>
</form>
<!-- 在form中使用button标签,可能就会导致页面的刷新。但是只要改成input标签就没有问题啦! -->
<form>
 <input type="button" value="确定">
</form>
<!--或者-->
<div>
 <button>确定</button>
</div>
上一篇下一篇

猜你喜欢

热点阅读