离子标签不能与v-on一起使用：点击vue

Posted 2021-04-11

我正在尝试使用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'包。

答案

尝试类似的东西

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