vue中el-form resetFields()使用注意 (置空失效原因查找)
重置操作注意事项1.prop和model必填,ref必填:示例:重置代码:this.$refs[formName].resetFields();需要注意的是:(有时候置空不了的情况)1.当el-form在v-if里面的时候,需要等v-if的dom加载好了才可以置空:解决办法:这里就需要用到:this.$nextTick(()=>{//在这里置空})2.在dialog内,赋值了之后又清空的导致
文章共369字 · 阅读需要大约2分钟
一键AI生成摘要,助你高效阅读
问答
·
重置操作注意事项
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(() => {
// 这里开始赋值
})
更多推荐
已为社区贡献2条内容
所有评论(0)