el-form点击提交会跳转页面/?

解决办法

第一个办法

• 把提交按钮放在 </el-form>标签外面。代码如下：

 <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
 ...省略...
  </el-form>
 <BaseButton :name="提交" @callback="submitForm"></ BaseButton>

BaseButton 是我自己封装的button组件

第二个办法

• 增加type="button"属性。防止在 </el-form>中点击跳转页面。

<button type="button"></button>

参考

• https://blog.csdn.net/CHENC0518/article/details/124279955