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);
}
}