【Vue.js】v-forのindexの実際の値をv-if条件で使いたい

Question

前提・実現したいこと

vue.jpでプログラミングをしています。
v-forを使ってデータを1件、1ページで表示させ、
v-ifを使ってページ管理（表示・非表示）をしようとしています。

indexの実際の値を表示させることはできないのでしょうか？

初心者です。よろしくお願いします。

該当のソースコード

<div v-for="( item , index ) in AppRecords" :key="item.id"> <template v-if="'pagecnt == ' + index"> →　ここの記述の仕方がわかりません。

indexが"1"の時、下記のようにしたい。
<template v-if="pagecnt == 1">

試したこと

<template v-if="pagecnt == index"> ・・・　NG
<template v-if="'pagecnt == ' + index"> ・・・　NG

。

Answer 1

以下の記述で問題ありませんでした。

<div v-for="( item , index ) in AppRecords" :key="item.id"> <template v-if="'pagecnt == index">

試したときに正常に動作しなかったのは、他のところでエラーが出ていたからでした。

デバック方法もしらない初心者です。

これからもよろしくお願いします。