使用vant的Toast組件時提示not defined

使用vant的Toast組件時提示not defined
今天在使用vant時候全局注冊Toast 組件內使用Toast報錯

按照官方文檔引入全局Toast組件，在methods里面定義函數執行函數時產生了報錯：

 

 

onClickIcon() {
Toast("點擊圖標");
},

 

解決方法：
將Toast更改為this.$toast即可

onClickIcon() {
this.$toast("點擊圖標");
},

 

引入 Toast 組件后，會自動在 Vue 的 prototype 上掛載 $toast 方法，便於在組件內調用。
或者組件內引用

import｛Toast｝from 'vant';

 

在methods方法中使用

onClickIcon() {
Toast("點擊圖標");
},