// 模板

    <div class="login_div" v-if="pagenumber === '1'">
            <ion-buttons value="button" v-model="pagenumber">
                <ion-button>button without value</ion-button>
                <ion-button color="warning" fill="solid" expand="block" size="large" value="2">2 page</ion-button>
            </ion-buttons>
        </div>

        <div class="login_div" v-else-if="pagenumber === '2'">
            <ion-buttons value="button" v-model="pagenumber">
                <ion-button>button without value</ion-button>
                <ion-button color="warning" fill="solid" expand="block" size="large" value="3">3 page</ion-button>
            </ion-buttons>
        </div>

        <div class="login_div" v-else-if="pagenumber === '3'">
            <ion-buttons value="button" v-model="pagenumber">
                <ion-button>button without value</ion-button>
                <ion-button color="warning" fill="solid" expand="block" size="large" value="1">1 page</ion-button>
            </ion-buttons>
        </div>

        <div v-else>
            <ion-text>error page</ion-text>
        </div>

// 脚本

    <script>
      import { IonToolbar,IonTitle,IonText,IonButtons,IonButton } from '@ionic/vue'

      export default ({
         components: { IonToolbar,IonButton },setup() {
            return {
                pagenumber: '1',}
         },})
    </script>

这是我第一次向 stackoverflow 提问。

上面的代码，我想解决这个问题，为什么Vue的不改变。

我尝试遵循“v-if”示例中的其他代码，但代码不起作用。

我该如何解决这个问题？请... THX