为了账号安全,请及时绑定邮箱和手机立即绑定

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

//问题代码,在点击注册后会正确的显示注册页面一秒钟,最后自动刷新(不是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 回答

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信