vant中的toast輕提示實(shí)現(xiàn)代碼
更新時間：2020年11月04日 14:58:13 作者：HarryHY
這篇文章主要介紹了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)擊按鈕后，就會報出這些錯誤...難道是API文檔錯了、
后來發(fā)現(xiàn)應(yīng)該這樣使用：
以上這篇vant中的toast輕提示實(shí)現(xiàn)代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vscode配置@路徑提示方式,并解決vue文件內(nèi)失效的問題
這篇文章主要介紹了vscode配置@路徑提示方式,并解決vue文件內(nèi)失效的問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
這篇文章主要介紹了vue中移動端調(diào)取本地的復(fù)制的文本方式，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
Pycharm中開發(fā)vue?element項目時eslint的安裝和使用步驟
這篇文章主要介紹了Pycharm中開發(fā)vue?element項目時eslint的安裝和使用,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05
vite項目配置less全局樣式的實(shí)現(xiàn)步驟
最近想實(shí)現(xiàn)個項目,需要配置全局less,本文主要介紹了vite項目配置less全局樣式的實(shí)現(xiàn)步驟,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2024-02-02
上一篇文章我們介紹了利用Vue3 創(chuàng)建Vue CLI 項目（一），接下來就來看看Vue3集成Ant Design Vue 的相關(guān)資料，需要的小伙伴可以參考一下文章的具體內(nèi)容2021-10-10
這篇文章主要為大家介紹了Element-ui?Dialog對話框基本使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
element?表格多級表頭子列固定的實(shí)現(xiàn)
本文主要介紹了element?表格多級表頭子列固定的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-06-06
這篇文章主要介紹了vue自定義組件@click點(diǎn)擊失效問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
通常我們的項目會越做越大,頁面也會越來越多,隨之而來的是接口數(shù)量的增加,api統(tǒng)一管理,不管接口有多少,所有的接口都可以非常清晰,容易維護(hù),下面這篇文章主要給大家介紹了關(guān)于axios二次封裝的詳細(xì)過程與跨域問題的相關(guān)資料,需要的朋友可以參考下2022-09-09
這篇文章主要為大家詳細(xì)介紹了如何利用vue實(shí)現(xiàn)一個簡單的Grid拖拽布局,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2023-12-12