Vue中的this.$options.data()和this.$data
vm.$options
- 获取Vue实例的自定义属性(如vm.$options.methods,获取Vue实例的自定义属性methods)
- 获取Vue实例的自定义属性(如vm.$options.data(),获取Vue实例的自定义属性data) 在vue实例中 data是个函数,获取要加()
this.$data 获取当前状态下的data this.$options.data()获取该组件初始状态下的data。
记一个用法,当编辑回显表单的时候,resetFields不能重置表单的问题:
方法一
<template>
<el-button @click="resetForm('ruleForm')">重置</el-button>
</template>
<script>
methods: {
resetForm(formName) {
this.$refs[formName].resetFields();
}
}
</script>
方法二
methods: { // 重置表单方法 retset() { this.form = this.$options.data().form; } },
方法三
Object.assign(this.$data.formData, this.$options.data().formData) // 重置至初始化值

浙公网安备 33010602011771号