Snackbar Vuetify - переопределить метод после тайм-аута

Question

Snackbar Vuetify - переопределить метод после тайм-аута

1

Я хочу спросить вас, как я могу определить метод, который выполняется после timeout? После этого timeout я хочу выполнить событие $emit, но я не знаю, как это сделать...

<v-snackbar
  v-model="snackbar"
  :color="primary"
  :timeout="5000"
>
  {{ text }}
  <v-btn
    dark
    flat
    @click="snackbar = false"
  >
    Close
  </v-btn>
</v-snackbar>

https://vuetifyjs.com/en/components/snackbars

Mear Elin 30 окт. 2018, в 23:14

Источник

2

пожалуйста, предоставьте код, где вы хотите реализовать это
Boussadjra Brahim 30 окт. 2018, в 21:19

Теги:

javascript

vue.js

vuejs2

vuetify.js

snackbar

1 ответ

Ещё вопросы

пожалуйста, предоставьте код, где вы хотите реализовать это

Boussadjra Brahim · Accepted Answer · 2018-10-30T21-03-00.000Z

Согласно документации нет события, связанного с этим свойством, но я дам решение, которое отвечает на ваш прецедент, добавьте свойство timeout к вашему объекту данных следующим образом:

   data(){
         return{
          snackbar:false,
         timeout:6000,
          ....
         }
    }

добавьте обработчик события на кнопку:

     <v-btn  block
    color="primary" dark
    @click="showSnackbar">
    Show Snackbar
    </v-btn>

в ваших методах добавьте метод showSnackbar

    methods:{
         showSnackbar(){
           this.snackbar=true;
           setTimeout(() => { this.$emit("yourEvent"); },this.timeout);
           }
       }

Я имитирую ваше дело в этом ручке