mint-ui Toast使用問題

  在js頭部引用  import { Toast, Indicator } from 'mint-ui';

 

  Toast('Hello World')； 會顯示出來幾秒後隱藏沒有問題。

  但若是我加上一個跳轉連接

   Toast('Hello World'),

　 self.$router.push("/taxi/index");

   跳轉過去以後那個彈框還在taxi/index頁面，除非手動刷新，不然一直存在。

   

　我再加個定時器延時跳轉

     setTimeout(() => {
        self.$router.push("/taxi/index");
      }, 3000);

    結果仍是那個問題，彈框一直存在。

    

     最後我寫個這個，跳轉過去彈框不見了。 雖然問題解決了，但很疑惑爲何會形成那樣的緣由。

     mint-ui封裝的toast不會自動消除嗎，由於其它地方用的都會自動消除，加個連接卻有問題了。

     還望大神指教

　　Toast({
　　　　message: '司機已取消訂單',
　　　　duration: 1000
　　});