如何在 vue 中通过 v-for 生成范围？

Question

像这样：

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

我知道我们可以通过v-for 生成range(1, x)，所以我做了这样的尝试：

// 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
    }
  }
}