element-ui重置resetFields()不生效的解决
更新时间:2023年12月13日 08:31:54 作者:禾火r
本文主要介绍了element-ui重置resetFields()不生效的解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
初始化数据
data() { return { dialogVisible: false, form: { name: '', age: '', sex: '', birth: '', addr: '' } } }
弹窗关闭重置数据
handleClose() { // 弹窗关闭的时候清除数据 this.$refs.form.resetFields() this.dialogVisible = false }
以上操作this.$refs.form.resetFields()未生效 直接强制变值,死马当活马医
初始化数据
data() { return { dialogVisible: false, form: { name: '', age: '', sex: '', birth: '', addr: '' }, resetForm: { name: '', age: '', sex: '', birth: '', addr: '' } } }
弹窗关闭重置数据
handleClose() { // 弹窗关闭的时候清除数据 this.form = this.resetForm this.dialogVisible = false }
到此这篇关于element-ui重置resetFields()不生效的解决的文章就介绍到这了,更多相关element重置resetFields()不生效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
vue 路由懒加载中给 Webpack Chunks 命名的方法
这篇文章主要介绍了在 vue 路由懒加载中给 Webpack Chunks 命名的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-04-04让webpack+vue-cil项目不再自动打开浏览器的方法
今天小编就为大家分享一篇让webpack+vue-cil项目不再自动打开浏览器的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2018-09-09
最新评论