关于表单重置

56 阅读1分钟

1、常规做法

this.$refs.ruleFormRef.resetFields()

2、this.$options.data()

this.$options.data()是vue实例初始化时的data数据,只读。

Object.assign(this.$data, this.$options.data.call(this));    //整个data全部重置
Object.assign(this.form, this.$options.data.call(this).form)    //重置data中的某个form表单

3、this.$options.data.call(this)

data数据中有采用this的写法,在调用this.$options.data() 就会报错,因为data()内部的this指向不对。就需要下面的写法

Object.assign(this.$data, this.$options.data.call(this));    //整个data全部重置
Object.assign(this.form, this.$options.data.call(this).form)    //重置data中的某个form表单