vant中的toast輕提示實現(xiàn)代碼
更新時間:2020年11月04日 14:58:13 作者:HarryHY
這篇文章主要介紹了vant中的toast輕提示實現(xiàn)代碼,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
在main.js中按需引入
import {
Toast
} from 'vant
Vue.use(Toast)
頁面中的methods中使用
send(name, img) {
let msg = `${this.Cname}送${name}1`;
this.$toast({
message: msg,
icon: img
});
},
補充知識:Vant的Toast 輕提示API文檔不準確解決方案
開發(fā)企業(yè)微信應用使用Vant組件庫過程中,想要用到輕提示Toast,發(fā)現(xiàn)API文檔無法使用:
想要使用這個提示:

復現(xiàn):


點擊按鈕后,就會報出這些錯誤...難道是API文檔錯了、
后來發(fā)現(xiàn)應該這樣使用:


以上這篇vant中的toast輕提示實現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
vscode配置@路徑提示方式,并解決vue文件內(nèi)失效的問題
這篇文章主要介紹了vscode配置@路徑提示方式,并解決vue文件內(nèi)失效的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
Pycharm中開發(fā)vue?element項目時eslint的安裝和使用步驟
這篇文章主要介紹了Pycharm中開發(fā)vue?element項目時eslint的安裝和使用,本文通過示例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-05-05

