elementUI重置表单时发送额外请求

山海一哥

已于 2022-03-03 16:21:36 修改

阅读量273

点赞数 1

分类专栏： element-ui 文章标签： vue vue.js javascript

于 2020-03-29 12:13:49 首次发布

本文链接：https://blog.csdn.net/qq_43702430/article/details/105176306

版权

element-ui 专栏收录该内容

14 篇文章 0 订阅

订阅专栏

有时按钮在请求后端时会重新刷新页面，解决方式是在el-form上添加onsubmit="return fasle"

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm" onsubmit="return fasle">
  <el-form-item label="活动名称" prop="name">
    <el-input v-model="ruleForm.name"></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" @click="submitForm('ruleForm')">立即创建</el-button>
    <el-button @click="resetForm('ruleForm')">重置</el-button>
  </el-form-item>
</el-form>