vant中的toast輕提示實(shí)現(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
});
},
補(bǔ)充知識:Vant的Toast 輕提示API文檔不準(zhǔn)確解決方案
開發(fā)企業(yè)微信應(yīng)用使用Vant組件庫過程中,想要用到輕提示Toast,發(fā)現(xiàn)API文檔無法使用:
想要使用這個提示:

復(fù)現(xiàn):


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


以上這篇vant中的toast輕提示實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
淺談 Vue v-model指令的實(shí)現(xiàn)原理
vue的v-model是一個十分強(qiáng)大的指令,它可以自動讓原生表單組件的值自動和你選擇的值綁定,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-06-06
在Vue項(xiàng)目中引入JQuery-ui插件的講解
今天小編就為大家分享一篇關(guān)于在Vue項(xiàng)目中引入JQuery-ui插件的講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價(jià)值,需要的朋友一起跟隨小編來看看吧2019-01-01
vue-cli4項(xiàng)目開啟eslint保存時自動格式問題
這篇文章主要介紹了vue-cli4項(xiàng)目開啟eslint保存時自動格式的問題小結(jié),本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
vue項(xiàng)目在打包時,如何去掉所有的console.log輸出
這篇文章主要介紹了vue項(xiàng)目在打包時,如何去掉所有的console.log輸出,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2022-04-04
vite創(chuàng)建vue3項(xiàng)目頁面引用public下js文件失敗解決辦法
Vue3相較于之前的版本有了不少變化,如引用全局Js文件,這篇文章主要給大家介紹了關(guān)于vite創(chuàng)建vue3項(xiàng)目頁面引用public下js文件失敗的解決辦法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
Vue3中使用qrcode庫實(shí)現(xiàn)二維碼生成
Vue3中實(shí)現(xiàn)二維碼生成需要使用第三方庫來處理生成二維碼的邏輯,常用的庫有?qrcode和?vue-qrcode,本文主要介紹了Vue3中使用qrcode庫實(shí)現(xiàn)二維碼生成,感興趣的可以了解一下2023-12-12
Vue.js頁面中有多個input搜索框如何實(shí)現(xiàn)防抖操作
debounce是lodash工具庫中的一個非常好用的函數(shù)。這篇文章主要介紹了Vue.js頁面中有多個input搜索框如何實(shí)現(xiàn)防抖操作,需要的朋友可以參考下2019-11-11
vue3中storeToRefs讓store中的結(jié)構(gòu)出來的數(shù)據(jù)也能變成響應(yīng)式(推薦)
這篇文章主要介紹了vue3中storeToRefs讓store中的結(jié)構(gòu)出來的數(shù)據(jù)也能變成響應(yīng)式,本文通過實(shí)例代碼給大家介紹的分需要的朋友可以參考下2024-09-09

