V-for语言 - 循环出基本数字

Question

我在数据下有一个名为pageCount的数字，它只是一个数字。

我正在尝试为每个页面输出一个带有循环编号的按钮，但以下内容失败"使用未定义的常量 n">

<button v-for="(n, i) in pageCount">{{ n }}</button>

为什么？

Answer 1

您的代码应该可以工作，请仔细检查 pageCount 的值。下面是使用最新 Vue.js 版本的工作示例：

new Vue({
el: "#app",
data: {
pageCount: 10
},
})

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<div id="app">
<button v-for="(n, i) in pageCount">{{ n }}</button>
</div>

Answer 2

您是否在 on data key/
/HTML 中声明了 pageCount {{ n }}

//Javascript
<script type="text/javascript">
var vm = new Vue({
el: "#root", 
data: {
pageCount : [1,2,3,4,5,6]
}

})
</script>

Answer 3

如果 pageCount 是一个整数，我不确定你使用 v-for 做什么，如果你只想要 pageCount，那么你只需要做：

<button>{{ pageCount }}</button>