清空el-form表单数据(整理)

简介: 清空el-form表单数据(整理)
<!-- 添加险种开始 -->
<el-dialog destroy-on-close title="添加业务事项" :visible.sync="mattersShow" class="add-video-dialog mattersBox"
  width="45%" v-if="mattersShow">
  <el-form :model="mattersForm" ref="mattersForm" label-width="8vw">
    <el-form-item label="业务事项">
      <el-select v-model="mattersForm.name" placeholder="请选择">
        <el-option label="在职" value="1"></el-option>
        <el-option label="离职" value="2"></el-option>
      </el-select>
    </el-form-item>
    <el-form-item class="create211 margin-top50">
      <el-button type="blue" style="margin-left: 0px;" @click="submitDeadline('mattersForm')">保存
      </el-button>
      <el-button type="grey" style="margin-left: 30px;" @click="cancelClick('mattersForm')">取消
      </el-button>
    </el-form-item>
  </el-form>
</el-dialog>
<!-- 添加险种结束 -->
方法一:this.mattersForm = this.$options.data().mattersForm  // 置空表单,mattersForm是表单的数据对象
方法二:v-if="mattersShow"
  在el-dialog标签上添加v-if="mattersShow"  :visible.sync="mattersShow"

相关文章
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
element el-cascader动态编辑赋值后,不回显的解决方法(整理)
|
7月前
|
缓存
html input 如何设置禁止缓存历史记录
html input 如何设置禁止缓存历史记录
182 0
|
8月前
|
缓存 JavaScript 前端开发
vue + element Table的数据多选,多页选择数据回显,分页记录保存选中的数据。
vue + element Table的数据多选,多页选择数据回显,分页记录保存选中的数据。
144 0
element中form表单resetFields()方法重置表单无效
element中form表单resetFields()方法重置表单无效
194 0
|
存储 前端开发 JavaScript
form 表单恢复初始数据
在现代的 Web 开发中,表单是不可或缺的组件之一。用户可以通过表单输入和提交数据,而开发者则需要对这些数据进行处理和存储。然而,在某些情况下,我们可能需要重置表单并恢复到最初的状态。 本文介绍了如何使用 form 表单处理库来实现表单恢复初始数据的功能。通过 form 提供的灵活性和方便性,我们能够快速构建响应式的表单,并且能够轻松地管理和恢复表单数据。希望本文对你在 Web 开发中处理表单数据有所帮助!
217 1
|
JavaScript
element plus + vue3表单第一次数据未清空的bug问题解决
element plus + vue3表单第一次数据未清空的bug问题解决
573 0
|
前端开发 JavaScript
el-upload上传文件和表单一起提交+后端接收代码
el-upload上传文件和表单一起提交+后端接收代码
557 3
el-upload上传文件和表单一起提交+后端接收代码
|
前端开发
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案
有时候我们可能需要在表单中放置多个按钮,比如表单页面常见的按钮有创建和取消。点击创建按钮会触发单击响应事件,在单击响应事件中进行提交表单,这没有任何问题。点击取消按钮的时候,触发对应的单击响应事件,这个单击响应事件中主要处理关闭表单页面逻辑,所以会关闭页面,这也正常。但是!打开控制台监听请求会发现,它也会提交表单。
667 0
【前端异常】html页面中的button按钮会自动提交form表单的问题以及解决方案