全局引入vant后使用Toast的問題及解決
更新時間：2022年05月26日 15:11:01 作者：小個子菇?jīng)?
這篇文章主要介紹了全局引入vant后使用Toast的問題及解決，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
全局引入vant后使用Toast問題
1.Toast 的使用（官方）
1.1 引入
import Vue from 'vue';
import { Toast } from 'vant';
Vue.use(Toast);1.2 使用
Toast('提示內(nèi)容')2.問題
當(dāng)全局引入 vant 時候，直接使用 Toast('提示內(nèi)容') 不會彈出提示框；
3.解決
全局引入vant 的時候 組件中使用
this.$toast('提示內(nèi)容')小程序中引入vant-weapp toast組件踩坑(Toast不顯示)
引入方法
import Toast from '../../vant-weapp/toast/toast';
文件結(jié)構(gòu)：
直接按照官方的引入的話可能存在路徑問題.
官方：
還需要注意的就是要在wxml中寫上:<van-toast id="van-toast" />不然也不會有彈窗.
<van-toast id="van-toast" />
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了vue中的proxyTable反向代理(親測有用)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-04-04
本篇文章主要介紹了vue模擬加載更多功能（數(shù)據(jù)追加），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
自己最近做項目的時候遇到需要下載文件的需求,索性這里給總結(jié)下,這篇文章主要給大家介紹了關(guān)于Vue中下載不同文件五種常用的方式,需要的朋友可以參考下2023-09-09
vue前端開發(fā)輔助函數(shù)狀態(tài)管理詳解示例
vue的應(yīng)用狀態(tài)管理提供了mapState、mapGetters、mapMutations、mapActions四個輔助函數(shù)，所謂的輔助函數(shù)分別對State、Getters、Mutations、Actions在完成狀態(tài)的使用進行簡化2021-10-10
這篇文章主要介紹了vue通信方法EventBus的實現(xiàn)代碼，本文給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-06-06
離放假還有1天，今天小編抽空給大家分享前端時間小編做的vue項目，非常完整，需要的朋友參考下2018-02-02
vue項目中圖片選擇路徑位置static或assets的區(qū)別及說明
這篇文章主要介紹了vue項目中圖片選擇路徑位置static或assets的區(qū)別及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
基于Vue3+TypeScript實現(xiàn)圖片預(yù)覽組件
在現(xiàn)代的 Web 應(yīng)用中,圖片預(yù)覽是一個常見的需求,本文將介紹如何使用 Vue3 和 TypeScript 開發(fā)一個圖片預(yù)覽組件,支持展示單張或多張圖片,并提供了豐富的配置選項,需要的朋友可以參考下2024-04-04
v-slot和slot、slot-scope之間相互替換實例
這篇文章主要介紹了v-slot和slot、slot-scope之間相互替換實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
<script?setup>是vue3中新引入的語法糖,目的是簡化使用Composition?API時冗長的模板代碼,下面這篇文章主要給大家介紹了關(guān)于vue3中單文件組件<script?setup>的相關(guān)資料,需要的朋友可以參考下2022-07-07