三种方法重置vue组件的data数据

场景

我们在vue组件中经常遇到需要重置表单的场景,需要重置data中的对象,例如弹窗新增项目,保存之后需要重置

方法一:element的resetfields

this.$refs[formRef].resetfields()

方法二: vue的this.$options.data().form方法对form重置

this.form = this.$options.data().form

方法三: vue的data重置

this.$data = this.$options.data();

避免先保存一份原始数据的麻烦了。

posted @ 2021-05-21 14:02  阿明先森  阅读(3819)  评论(0编辑  收藏  举报