vue项目中点击按钮事件突然刷新页面然后网页url中自动加上了问号

Posted 2021-12-18 野猪佩奇007

项目场景：

vue项目中点击按钮事件突然刷新页面然后网页url中自动加上了问号

问题描述：

就像这样

---

原因分析：

<button class="but b-shanc" @click="delRow">删除</button>

代码里用到了 form 标签，点击button按钮的时候同时执行了form表单的 submit 事件和自己设置的 click 事件，一次空的表单提交重置了请求。

---

解决方案：

1： 给button 按钮加上 type=“button”，否则默认是 submit
2：使用 event.prevent 取消默认事件，vue: @click.stop=“delRow()”