全局引入vant后使用Toast的問題及解決
更新時間：2022年05月26日 15:11:01 作者：小個子菇涼
這篇文章主要介紹了全局引入vant后使用Toast的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
全局引入vant后使用Toast問題
1.Toast 的使用（官方）
1.1 引入
import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);1.2 使用
Toast('提示內容')2.問題
當全局引入 vant 時候，直接使用 Toast('提示內容') 不會彈出提示框；
3.解決
全局引入vant 的時候 組件中使用
this.$toast('提示內容')小程序中引入vant-weapp toast組件踩坑(Toast不顯示)
引入方法
import Toast from '../../vant-weapp/toast/toast';
文件結構：
直接按照官方的引入的話可能存在路徑問題.
官方：
還需要注意的就是要在wxml中寫上:<van-toast id="van-toast" />不然也不會有彈窗.
<van-toast id="van-toast" />
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
axios是基于promise的HTTP庫，可以使用在瀏覽器和node.js中，它不是vue的第三方插件，vue-axios是axios集成到Vue.js的小包裝器，可以像插件一樣安裝使用:Vue.use(VueAxios,?axios)，本文給大家介紹Vue?axios和vue-axios關系，感興趣的朋友一起看看吧2022-08-08
這篇文章主要介紹了vue中data和props的區(qū)別,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作有一定的參考學習價值,需要的朋友們下面跟著小編來一起學習吧2024-01-01
解決ant design vue中樹形控件defaultExpandAll設置無效的問題
這篇文章主要介紹了解決ant design vue中樹形控件defaultExpandAll設置無效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-10-10
vue-cli4.x創(chuàng)建企業(yè)級項目的方法步驟
這篇文章主要介紹了vue-cli4.x創(chuàng)建企業(yè)級項目的方法步驟，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-06-06
這篇文章主要為大家詳細介紹了vue實現(xiàn)簡單的購物車小案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
Vue+Echarts報錯Cannot?set?properties?of?undefined?(settin
這篇文章主要介紹了Vue+Echarts報錯Cannot?set?properties?of?undefined?(setting?‘plate‘)的問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
詳解基于element的區(qū)間選擇組件校驗(交易金額)
這篇文章主要介紹了詳解基于element的區(qū)間選擇組件校驗(交易金額)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2021-01-01
Vue + Node.js + MongoDB圖片上傳組件實現(xiàn)圖片預覽和刪除功能詳解
這篇文章主要介紹了Vue + Node.js + MongoDB圖片上傳組件實現(xiàn)圖片預覽和刪除功能,結合實例形式詳細分析了Vue + Node.js + MongoDB基于圖片上傳組件實現(xiàn)圖片預覽和刪除功能相關操作技巧,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了Vue組件復用和擴展，對vue感興趣的同學，可以參考下2021-05-05
這篇文章主要為大家介紹了vue2從數據變化到視圖變化之nextTick使用詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09