使用$options初始化

 

$options是一个记录当前Vue组件的初始化属性选项。通常开发中,我们想把data里的某个值重置为初始化时候的值,可以像下面这么写

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

这样子就可以在初始值由于需求需要更改时,只在data中更改即可。

这里再举一个场景:一个el-dialog中有一个el-form,我们要求每次打开el-dialog时都要重置el-form里的数据,则可以这么写:




 如果要重置data里的所有值,可以像下面这么写

Object.assign(this.$data, this.$options.data());

你可能感兴趣的:(vue.js,前端,javascript)