Vue中解决使用button按钮的点击事件自动刷新页面的问题

  • Post author:
  • Post category:vue



原因

button标签按钮会提交表单

button,input type=button按钮在IE和w3c,firefox浏览器区别:

1、当在IE浏览器下面时,button标签按钮,input标签type属性为button的按钮是一样的功能,不会对表单进行任何操作。

2、但是在W3C浏览器,如Firefox下就需要注意了,button标签按钮会提交表单,而input标签type属性为button不会对表单进行任何操作。


解决方法如下:

<!-- vue中给点击事件添加 `.prevent` 修饰符 -->
<button  @click.prevent="handleBtn">按钮</button>

<!-- 或者 -->
<input type="button" >input按钮</input>



版权声明:本文为wgh4318原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。