Как сгенерировать диапазон с помощью v-for в vue?

Question

Вот так:

range(3, 5) -> [3, 4]
range(5, 10) -> [5, 6, 7, 8, 9]

Я знаю, что мы можем сгенерировать range(1, x) на v-for, поэтому я попробовал вот так:

// I want to generate the number of range(5, 10), so I can set (10 - 5) on `v-for`
// and plus (5 - 1) to the result to get the number I want. 
<span v-for="number in 5">
    The number is {{ number + 4 }}.
</span>

Работает хорошо ..... но это трудно понять.

Answer 1

Вы должны создать функцию диапазона самостоятельно.

export default {
  methods: {
    range = (start, end) => {
      if (!end) {
        end = start
        start = 0
      }
      start -= 1
      end -= 1
      let arr = []
      while (start++ !== end) {
        arr.push(start)
      }
      return arr
    }
  }
}