为什么button类型为submit会出现自动刷新的现象

来源:4-4 单页面应用 Demo2(1)

慕UI0344854

2020-02-18 19:53

//问题代码,在点击注册后会正确的显示注册页面一秒钟,最后自动刷新(不是vue更新的,而是类似于F5手动刷新)
<form v-else>
  <p>用户名:</p>
  <input type="text">
  <p>密码:</p>
  <input type="password">
  <p>重新输入密码:</p>
  <input type="password">
  <button @click="test()">注册</button>
  <button @click="test2()">取消</button>
</form>


问题已解决,修复后代码

//其他不变
<button type="button" @click="test()">注册</button>
<button type="button" @click="test2()">取消</button>


问题就是button没有指定类型为button,经查阅,若不指定type值,则button默认值为submit,手动将type改为submit后复现,请问为什么按钮类型指定为submit就会出现自动刷新的现象,是否为vue的bug?


写回答 关注

1回答

  • 慕虎9044229
    2020-02-25 21:23:27

    把button的type修改成putton就可以解决了,因为如果是submit,你点击之后他就默认把表单提交了,即使不用vue框架写也会出现这种现象

3小时速成 Vue2.x 核心技术

带你快速学习最流行的前端框架vue2.x的核心技术

82560 学习 · 487 问题

查看课程

相似问题