從方法對象數組返回值

Question

我正在Vue.js中構建日期范圍選擇器，並且創建了一系列預設范圍的方法

presetRanges:{
  last7Days(){
    return{
      label: 'Last 7 days',
      dateRange:{
        start: this.$moment(today).substract(7, 'd')
      }
    }
  },
  last30Days(){
    return{
      label: 'Last 30 days',
      dateRange:{
        start: this.$moment(today).substract(30, 'd')
      }
    }
  },
  last60Days(){
    return{
      label: 'Last 60 days',
      dateRange:{
        start: this.$moment(today).substract(60, 'd')
      }
    }
  },
}

在for循環中，我想顯示每個方法的返回標簽。 以下代碼是我曾經做過的，但是顯然不再起作用了嗎？

<li v-for="(item, idx) in presetRanges" :key="idx">"
  {{ item.label }} 
</li>

我也嘗試過{{ item().label }} ，但它也不起作用。

Answer 1

<li v-for="range in presetRanges">
  {{ range.label }} 
</li>

這應該在您的情況下有效

Answer 2

您可能弄錯了對象的結構，應在對象中將函數寫為a: () => () ，因此問題的解決方案將在https://codepen.io/mohithg/筆/ VGEjrV？編輯= 1011