Question

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

我试图为每个页面输出一个按钮，包含循环编号，但是以下操作失败＆＃34;使用未定义的常量n＆＃34;

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

为什么？

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

您是否在on数据键中声明了pageCount
// HTML {{n}}

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


    })
</script>

v-for - 循环输出基本数字

2 个答案: