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) // 重置至初始化值

 

posted @ 2023-11-29 16:24  盼星星盼太阳  阅读(580)  评论(0)    收藏  举报