解决button按钮点击会刷新页面以及触发表单BUG

Posted 2021-06-24 野猪佩奇007

项目场景： 问题描述：

表单点击添加一行

<button @click="addSpecGrid(index)">生成</button>

---

发现点击的时候会触发表单的判断以及偶尔会刷新页面，导致表单里面填写过得内容情况

---

原因分析：

button标签按钮会提交表单，而input标签type属性为button不会对表单进行任何操作。

---

解决方案：

button标签换成input标签即可解决

<input type="button"  @click="addSpecGrid(index)" value="生成"/>