javascript - 我如何使用 Vue.js v-for 迭代 Number 变量？

Question

例如，假设我有一个正整数变量，rating .

文档 http://vuejs.org/guide/list.html#Range-v-for仅直接使用 Number 列出，但是将数字切换为变量不会按预期工作。

我目前正在这样做:

<i v-for="i in rating" class="fa fa-2x fa-star">{{ rating }}</i>

但不幸的是它只显示一次，即使通过评级值也是 4 .我是否遗漏了文档中的任何内容？

Answer 1

我想出了问题所在，我通过属性传递评级值，所以它是作为字符串传递的。请参阅此处的非工作示例:

<rating-component value="rating"></rating-component>

对比

<rating-component :value="rating"></rating-component>

通过将 value 属性切换为 :value，使用文字变量而不是字符串变量解决了我的问题。