Целое число подкомпонента vuejs для дозы цикла не изменилось
Это мой код (разбиение на страницы): проблема -> v-for="page in parseInt(pagination.last_page)". Данные разбиения на страницы изменяются хорошо, когда изменяются данные родительского компонента, но это представление не обновляется (изменяется).
<template>
<nav v-if="pagination.last_page > 1" class="navigation" role="navigation">
<a v-if="pagination.current_page <= 1" class="disabled page-numbers" aria-aria-disabled="true" aria-label="previous">
<span class="xi-angle-left"></span>
</a>
<a v-else class="page-numbers" @click.prevent="pageChange('prev')" rel="prev" aria-label="previous"><span class="xi-angle-left"></span></a>
<a class="page-numbers" v-for="page in parseInt(pagination.last_page)" :key="page"
v-if="page===1 || page===pagination.last_page || ( page > (parseInt(pagination.current_page) - 5) && page < (parseInt(pagination.current_page) + 5) )"
v-bind:class="{'current disabled': pagination.current_page === page, 'disabled' : page === (parseInt(pagination.current_page) - 4) || page === (parseInt(pagination.current_page) + 4)}"
@click.prevent="pageChange(page)"
>
<span v-if="page === (parseInt(pagination.current_page) - 4) || page === (parseInt(pagination.current_page) + 4)" >...</span>
<span v-else>{{ page }}</span>
</a>
<a @click.prevent="pageChange('next')" v-if="pagination.current_page < pagination.last_page" class="page-numbers" rel="next" aria-label="next"><span class="xi-angle-right"></span></a>
<a v-else class="page-numbers disabled" aria-disabled="true" aria-label="next">
<span class="xi-angle-right"></span>
</a>
</nav>
</template>
<script>
import eventHub from '../event.js'
export default {
props: {
pagination: {
type:Object,
required:true
},
for: {
type:String,
default:'default'
}
},