element-ui中this.$refs['form'].resetFields()方法重置表单无效的原因
分类:计算机 | 前端 | ElementUI | 综合 1060
更新:2021-12-02 00:51:46编辑
1 el-form-item中缺少了prop属性
如下代码,el-form-item缺少了prop属性,那么这个表单项就不能被重置为初始值了。
<el-form-item label="开始时间">
<el-date-picker v-model="addForm.startTime" type="date"
start-placeholder="选择时间" value-format="yyyy-MM-dd">
</el-date-picker>
</el-form-item>
2 在还没有显示对话框之前就调用this.$refs['form'].resetFields()方法
如下代码:
this.addDialogFormVisible = true;
//重置新增页面数据
this.$refs['addForm'].resetFields();
this.$refs['FormTheQuery'].resetFields();
this.initNewTableData();
这样会报错的,因为在页面刚打开的时候this.$refs['addForm']和this.$refs['FormTheQuery']还是空对象,调用resetFields()方法会报错的,应该事先判断一下是否为空,然后再调用resetFields()方法,代码如下:
this.addDialogFormVisible = true;
//重置新增页面数据
if(this.$refs['addForm'])
this.$refs['addForm'].resetFields();
if(this.$refs['FormTheQuery'])
this.$refs['FormTheQuery'].resetFields();
this.initNewTableData();
猿导航
阅读排行榜
- 1vue和el-table使用经验-如何刷新表格数据9465
- 2three.js加载3D瓦片和3dtiles数据生成交互式地图的开源项目8347
- 3uni-app使用经验—vue页面和html页面如何互相调用接口并传参4246
- 4Microsoft Visual C++ Redistributable是什么,有什么作用?3498
- 5Spring学习经验—@ResponseBody注解的使用说明3206
- 6mybatis使用经验——mybatis-spring-boot-starter和mybatis的版本对应关系表(持续更新~)3195
- 7Druid异常解决经验—java.sql.SQLException url not set3053
- 8如何用批处理命令(bat脚本)启动和停止windows服务2836
- 9nuxt.js项目中如何添加和使用全局变量2828
- 10Intellij IDEA下的版本控制VCS的启用与关闭2727
- 11解决SpringBoot使用maven下载不了jar包的问题2515
- 12nuxtjs asyncData使用经验—如何发起多个axios请求并携带参数2410
- 13在Nuxt.js项目的head中引用外部js文件2217
- 14在NVIDIA控制面板设置参数时提示“拒绝访问 无法应用选定的设置到您的系统”的解决方法之一2177
- 15linux中解压tar.gz文件报错“gzip: stdin: invalid compressed data--format violated”2119