vue中form表单中buttont点击事件提交,url路径被修改

 问题:触发button点击后,url出现了变化

 

 点击后---->

代码:

问题就出在button,当点击时就会默认触发表单的提交

而form标签并没有配置action属性和method属性,method属性默认时'get',所以会出现url问题

 (如http://localhost:8080/?m1=2#/login中的?m1=2就是get方式请求造成的)

---

解决:

方法1.取消button 的默认事件行为,通过@click.prevent解决

方法2.配置form属性解决