vue 两个相互依赖的计算属性

Question

你能帮我理解或说是否可以在 Vue 中做“循环”计算属性，

我想根据两个标准将日期范围划分为特定持续时间的时段

• 当end date被提供时interval (duration)被计算dateRange / period
• 如果提供interval(duration)，则计算endDate startDate + interval * period

见JSFiddle

我已经尝试为 interval 添加第二个计算属性，但它进入循环并导致浏览器崩溃。

Answer 1

推荐的处理方法是使用computed setter。使一个值是普通数据值，另一个是计算属性。然后，让它在设置计算属性时，计算并设置数据值。

对于您的情况，您可以为endDate 添加一个设置器，然后在设置时计算interval。

  computed: {
    endDate: {
      get() {
        return moment(this.startDate).add(this.interval * this.periods, 'days')
      },
      set(value) {
        this.interval = // whatever `endDate` would end up being from setting interval directly, calculate that value here
      }
    },
  }