//问题代码,在点击注册后会正确的显示注册页面一秒钟,最后自动刷新(不是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?
把button的type修改成putton就可以解决了,因为如果是submit,你点击之后他就默认把表单提交了,即使不用vue框架写也会出现这种现象