使用resetFields点击取消时，没有清空「el-form」的内容

原因：没有添加prop，所以resetFields没有生效

1.正解

<template><el-dialog title="收货地址":visible.sync="dialogFormVisible"class="taskDialog":close-on-click-modal="false":append-to-body="true"><el-form :model="form" ref="dialogForm"><el-form-item label="活动名称" :label-width="formLabelWidth" prop="name"><el-input v-model="form.name" autocomplete="off"></el-input></el-form-item><el-form-item label="活动区域" :label-width="formLabelWidth" prop="region"><el-select v-model="form.region" placeholder="请选择活动区域"><el-option label="区域一" value="shanghai"></el-option><el-option label="区域二" value="beijing"></el-option></el-select></el-form-item></el-form><div slot="footer" class="dialog-footer"><el-button @click="Cancel">取 消</el-button><el-button type="primary" @click="dialogFormVisible = false">确 定</el-button></div></el-dialog>
</template>

 methods:{openDialog1Visible(){this.dialogFormVisible=true;},Cancel(){this.dialogFormVisible=false;//重置表单this.$nextTick(() => {this.$refs.dialogForm.resetFields();});},}

2.Element ui中重置表单的方法

使用resetFields点击取消时，没有清空「el-form」的内容相关推荐

js confirm 点击取消时什么也不做
点击保存时,弹出框:确定修改此信息吗? 点击"确定",提交表单点击"取消",什么也不做,停留在原页面(注意加了:return false) functi ...
vue解决element-ui popover点击取消时 popover的显示与隐藏问题
最近在项目中使用 elementui 中的table组件popover进行开发,官网的案例如果使用数据遍历,操作列使用 <template></template> 做插槽的话 ...
该出手时就出手「深圳房价」基本上涨不跌
自古以来,人们最关心的问题一直是他们自己的食物,衣服和住房.如今,随着社会的发展,这个技术发达的社会变得越来越方便和容易. 但是对于许多普通人来说,"生活"这个词仍然是一个真正的问 ...
1.EXTJS Row Editor Grid 点取消时插入的新行的解决方法
1.EXTJS Row Editor Grid 点取消时插入的新行的解决方法 <?xml:namespace prefix = o ns = "urn:schemas-micro ...
qtreewidget点击空白处时取消以选项_VUE+elementUI 点击页面空白处弹窗不隐藏
点击空白处不隐藏弹窗,点击弹窗里的'x'和取消按钮关闭弹窗. os:人家都是让点击空白处隐藏弹窗,为啥我们的需求有点另类?!木有办法~大佬有需求,小小程序员只能领命... 话说,element的el- ...
el-table中使用el-popover点击取消按钮时popover框的显示与隐藏问题
直接使用popover弹出框的时候,是没有任何问题的,但是在el-table中使用popover弹出框就会出现,点击取消按钮,popover框不会隐藏,即使使用v-model绑定值,也是不管用的解决 ...
在JSP中，点击网页某个按钮或者超链接执行某些需要确认的命令时，弹出确认框如下效果：如果点击确定，则执行要操作的命令。如果点击取消则不执行。实现步骤： 1：在jsp，或者html
如下效果: 如果点击确定,则执行要操作的命令.如果点击取消则不执行. 实现步骤: 第1步在jsp,或者html页面的的<head></head>标签之间添加如下js代码: & ...
让 WPF 的 RadioButton 支持再次点击取消选中的功能
让 WPF 的 RadioButton 支持再次点击取消选中的功能目录让 WPF 的 RadioButton 支持再次点击取消选中的功能零.前言一.方法一:后台直接处理二.方法二:提取为自定 ...
js点击取消按钮关闭当前弹框_UI设计中“取消按钮”的分析详解
按钮,无论是在 Web 还是 App 上都被广泛地使用,而很少有设计师会注意到按钮当中的细节,导致在设计过程中出现一些低级的错误,使得用户在完成任务的过程中产生阻碍,无法顺利达成目的. 在许多优秀的产 ...

使用resetFields点击取消时，没有清空「el-form」的内容

使用resetFields点击取消时，没有清空「el-form」的内容相关推荐

最新文章

热门文章