我有一个组件,通过传入的组件prop
提供初始数据属性,并存储在数据变量中:
<component :propvar="true"></component>
data() {
return {
localvar: this.propvar,
localvar2: true
}
}
我希望在用如下方法点击"重置"按钮时,能够将数据变量恢复为该props 的值:
methods: {
reset() {
Object.assign(this.$data, this.$options.data());
}
}
问题在于,通过this.options.data()
引用props 值时,数据变量为undefined
:
console.log(this.$options.data()); => Object {localvar: undefined, localvar2: true}