重置操作注意事项

1.prop和model必填,ref必填:
在这里插入图片描述
示例:
在这里插入图片描述
重置代码:

this.$refs[formName].resetFields();

需要注意的是:(有时候置空不了的情况)

1.当el-form在v-if里面的时候,需要等v-if的dom加载好了才可以置空:

解决办法:这里就需要用到:

this.$nextTick(()=>{
	    //在这里置空
})

2.在dialog内,赋值了之后又清空的导致的失效,这里参考的别的大神的文章

赋值过后再清空,请点击移步

你编辑时,第一次打开dialog的时候给表单绑定的form赋值了,这时候这个form的初始值就变成了你所赋值的值,所以resetFields的时候,会将form对应的每个值重置到初始值,这时候的初始值就是你编辑时赋值的那个值, 而不是在data里声明的初始值。

解决办法:等dialog已经初始化之后再给form赋值,也就是

this.$nextTick(() => {
      // 这里开始赋值
})
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐