data()里的属性重复初始化

[starvedcat]

export default {
data () {
return {
  isA: false,
  isB: false,
  isC: true
}
},

created () {
this.fetchResult()
},

watch:{
'$route': function () {
this.fetchResult()
}
},

methods: {
fetchResult () {
  this.isA = false,
  this.isB = false,
  this.isC = true
  // fetching result ...
}
}
}

如上面代码所示，我现在希望每次 fetchResult 的时候，都要重置那些this.isA, this.isB, this.isC的值为默认值，但是这样看起来就和 data()里重复了。想请问一下有没有一种优雅的、不重复的写法？

[airyland]

如果只有几个值倒不用怎么纠结。

const initStatus = {
isA: false,
isB: false,
isC: true
}


data () {
return {
status: { ...iniStatus }
}
}


fetchResult () {
this.status = { ...iniStatus }
}

[zjwshisb]

Object.assign(this.data,this.$option.data())

[zjwshisb]

上面漏写了个 s,options

[noe132]

打他。也是个函数，也可以调用其他函数。你可以专门写个初始化值得函数

[starvedcat]

@noe132 #4 但是最后不是要 return 那些变量吗？

[airyland]

发现上面写的 iniStatus 少打了个 t，理论上直接合并到 data 也是可以的，不用再定义多一个 status，个人习惯，初始化状态放一个 obj 这样感觉清晰一些。

[starvedcat]

@airyland #6 谢谢大佬，可是我还是不太明白，如果不定义一个 status，要怎么合并那些 isA, isB, isC 呢？

[noe132]