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

› Vue.js

This topic created in 2954 days ago, the information mentioned may be changed or developed.

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()里重复了。想请问一下有没有一种优雅的、不重复的写法？

8 replies • 2018-05-30 11:33:15 +08:00

airyland

May 30, 2018

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

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

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

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

zjwshisb

May 30, 2018

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

zjwshisb

May 30, 2018

上面漏写了个 s,options

noe132

May 30, 2018 via Android

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

starvedcat

May 30, 2018

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

airyland

May 30, 2018

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

starvedcat

May 30, 2018

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

noe132

May 30, 2018