ダイナミックページ分割/計算されたプロパティが更新されない

Question

動的なページ設定が、基本的な計算されたプロパティ（アップデート中、コンソールから確認済み）に基づいて更新されません。上記の例では

<template v-for="(p, i) in pageStart + 4"> 
     <li v-if="p <= lastPage && i <= 4" @click="getPage(p)" :class="{active: isActive(p)}"><a href="#">{{ p }}</a></li> 
    </template> 

、pageStartは、私は、様々なページネータ番号をクリックしてくださいとして正しく変更し、算出財産である - しかし、数字自体は変更されません。言い換えれば、このv-forループの 'p'は決して更新されないため、私は常に1〜5の番号が付けられたページネイターに固執しています。

Answer 1

forループロジックに問題があります。 v-forはpageStartのすべての値に対して1からpageStart + 4にループする予定です。同時に、i <= 4があるので、pageStartが変更されるたびに最初の4個だけレンダリングされます。あなたは絶対的な伝説です

<template v-for="p in 4"> 
    <li v-if="p + pageStart <= lastPage" 
     @click="getPage(p + pageStart)" 
     :class="{active: isActive(p + pageStart)}"> 
     <a href="#">{{ p + pageStart }}</a> 
    </li> 
</template>