javascript - vue 两个计算属性相互依赖

Question

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

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

• 当提供结束日期时，计算间隔(持续时间)dateRange/period
• 当提供interval(duration)时，则计算endDatestartDate + Interval * period

参见JSFiddle

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

Answer 1

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

对于您的情况，您可以为 endDate 添加一个 setter ，然后在设置时计算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
      }
    },
  }