如何为Vue Toastify添加持续时间

时间:2019-12-18 12:19:51

标签: vue.js notifications duration

我正在为项目使用Vue Toastify,但一切不会自动消失。我已经添加了successDurationerrorDuration,但是除非我单击它,否则它仍然停留在屏幕上。这就是我尝试过的,

Vue.use(VueToastify,{
    position:"top-right",
    canTimeout:false,
    errorDuration:500,
    successDuration:500,
    alertInfoDuration:500,
    duration:500,
});

2 个答案:

答案 0 :(得分:0)

我想你已经错过了。您必须输入canTimeout: true,而不是false,然后才可以根据type和{{1} }。

successDuration

编辑:您也可以只保留errorDuration参数,因为默认情况下它是Vue.use(VueToastify,{ position:"top-right", canTimeout:true, errorDuration:500, successDuration:500, alertInfoDuration:500, duration:500, });

答案 1 :(得分:0)

这里的包裹撰写者。 根据以上注释,canTimeout应该设置为true或被忽略。 也没有诸如duration这样的全局设置。那只能在状态对象上设置