Как вызвать метод при нажатии на вкладки Buefy? - PullRequest
Новая
       42

Как вызвать метод при нажатии на вкладки Buefy?

1 голос
/ 30 мая 2019

Вопрос говорит сам за себя, но у меня есть 3 вкладки в Buefy, первые две (сводка и подробности) у меня покрыты и работают правильно, как и ожидалось, но третья вкладка - это кнопка выхода из системы, поэтому, когда я нажимаю на нее, я хочу открытьметод оповещения ("").

Мои вкладки buefy просто со стандартной страницы здесь и выглядят так: 

    <b-tabs type="is-toggle" expanded>
        <b-tab-item label="Pictures" icon="google-photos"></b-tab-item>
        <b-tab-item label="Music" icon="library-music"></b-tab-item>
        <b-tab-item label="Logout" icon="logout"></b-tab-item>
</b-tabs>

Я пытался поместить нажатие на элемент b-tab, но это не сработало, и в документах говорится, что событие есть: 

input   Triggers when tab is clicked    index: Number

Но я не знаю, как понять, что третья вкладка была нажата, чтобы запустить какой-то код.

1 Ответ

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

Как и все обработчики событий Vue, обработчик события @input автоматически передает данные о событиях вашим методам.В этом случае в качестве состояния docs эти данные события являются просто индексом нажатой вкладки кнопки. 

<template>
    <b-tabs type="is-toggle" expanded @input="doAlert">
        <b-tab-item label="Pictures" icon="google-photos"></b-tab-item>
        <b-tab-item label="Music" icon="library-music"></b-tab-item>
        <b-tab-item label="Videos" icon="video"></b-tab-item>
    </b-tabs>
</template>

<script>
    export default {
        methods: {
            doAlert: function(index) {
                if (index === 2) alert('Index 2 is the third button');
            }
        }
    }
</script>
...