Javascript Snackbar Vuetify-超时后重写方法

Javascript Snackbar Vuetify-超时后重写方法,javascript,vue.js,vuejs2,vue-component,vuetify.js,Javascript,Vue.js,Vuejs2,Vue Component,Vuetify.js,我想问您如何定义在超时后执行的方法?在那之后,超时我想执行$emit事件,但我不知道该怎么做 <v-snackbar v-model="snackbar" :color="primary" :timeout="5000" > {{ text }} <v-btn dark flat @click="snackbar = false" > Close </v-btn> </v-snackbar>

我想问您如何定义在
超时后执行的方法?在那之后,
超时
我想执行
$emit
事件,但我不知道该怎么做

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

{{text}}
接近

根据文档,该属性没有附加任何事件,但我将给出一个响应您的用例的解决方案,将
timeout
属性添加到您的数据对象中,如下所示:

   data() {
         return {
          snackbar:false,
          timeout:6000,
          ....
         }
    }
将事件处理程序添加到按钮单击:

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

我在这里模拟了一个你的案例,你也可以使用一个观察者。注意snackbar===false,然后执行该函数。

@kickbuttonwski非常感谢,我已修复,请重新检查。不客气,抱歉,我不理解您的使用案例一个snackbar出现2000英里秒,然后消失,另一个出现请检查此请发布详细问题并给我问题链接
    methods: {
         showSnackbar() {
           this.snackbar=true;
           setTimeout(() => { this.$emit("yourEvent"); },this.timeout);
         }
       }