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

Question

Я хочу спросить Вас, как я могу определить метод, который выполняется после 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

Answer 1

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

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

добавить обработчик событий к вашему нажатию кнопки:

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

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

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

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