v-for - вывод из цикла

Question

У меня есть данные под данными pageCount, это просто число.

Я пытаюсь вывести кнопку для каждой страницы с номером цикла, но следующее не дает «использовать неопределенную константу n»

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

Почему?

Answer 1

Я не уверен, что вы используете v-for для, если pageCount является целым числом, если вы просто хотите pageCount, то вы просто должны сделать:

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

Answer 2

Ваш код должен работать, пожалуйста, проверьте значение 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 3

Объявили ли вы pageCount в ключе данных
// HTML {{n}}

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


    })
</script>