vuetify cnange tab event - PullRequest
Новая
       8

vuetify cnange tab event

0 голосов
/ 12 июня 2019

Я использую V-вкладки, и я хочу знать: как я могу узнать об идентификаторе вкладки, когда я меняю вкладку? это мой код: 

 <v-tabs class="tabs-container" color="green" grow>
        <v-tab class="tab"
               v-for="tab of tabs"
               :key="tab.id"
               :title=tab
        >
            {{tab.name}}
        </v-tab>
        <v-tabs-items>
        <v-tab-item v-for="tab in tabs" :key="tab.id">
            <div v-if='tab.id == 0'>
                <CreateHero v-on:updateAllTabs="updateAllTabs"/>
            </div>
            <div v-else>
                <HeroPresenter/>
            </div>
        </v-tab-item>
        </v-tabs-items>
    </v-tabs>

...
    methods: {
            updateAllTabs() {
                axios.get('/hero').then(responce => {
                    this.tabs = responce.data
                })
            },
            getHero(id) {
                this.$emit("getCurrentHero", id);
            }
        }

Итак, при нажатии на вкладку я хочу отправить идентификатор вкладки в компоненте HeroPresenter. Я пытался использовать $ emit, но что я должен написать в V-Tab? Мой vue-компонент HeroPresenter был подписан на "getCurrentHero"

1 Ответ

1 голос
/ 12 июня 2019

Вы можете добавить событие щелчка, которое вызовет вашу функцию 

<v-tab class="tab"
    v-for="tab of tabs"
    :key="tab.id"
    :title=tab
    @click="getHero(tab.id)"
>
...