离子选项卡不适用于v-on：单击vue

Question

我正在尝试将Ionic 4与vue一起使用。我要实现的是在更改选项卡时更改页面。这是模板的样子，

        <ion-tabs>
            <ion-tab label="Home" icon="home" name="home" @click="page('home')">
            </ion-tab>
            <ion-tab label="Contact" icon="contacts" name="contact" @click="page('contact')">
            </ion-tab>
            <ion-tab></ion-tab>
            <ion-tab label="Geo" icon="pin" name="geo">
            </ion-tab>
            <ion-tab label="Shake" icon="person" name="shake" @click="page('contact')">
            </ion-tab>
        </ion-tabs>

在我的脚本中，

<script>
  export default {
  name : 'Page',
  methods: {
    page(str) {
        this.$router.push('/'+str);
    }
  }
}
</script>

它不起作用。我正在使用'@ ionic / vue'软件包。

Answer 1

尝试类似

page (str) {
    this.$router.push({path: `/${str}`})
}