Целое число подкомпонента 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'
        }
    },

0 ответов

Другие вопросы по тегам