十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
本篇文章給大家分享的是有關(guān)Vant WeappUI組件庫(kù)怎么在mpvue框架中使用,小編覺得挺實(shí)用的,因此分享給大家學(xué)習(xí),希望大家閱讀完這篇文章后可以有所收獲,話不多說,跟著小編一起來看看吧。

1引入組件庫(kù)
首先在自己項(xiàng)目目錄static下新建一個(gè)vant文件夾,用于存放組件文件,把dist文件夾下的所有文件拷貝到static下面的vant目錄下,如下所示:

2 如何使用
1 在需要使用組件的頁(yè)面所在的文件夾下新建一個(gè)頁(yè)面main.json, (新建頁(yè)面后必須npm run dev 才能生效)在其中引入相應(yīng)的組件即可,如下圖所示引入了van-popup組件和van-picker組件:

2 在對(duì)應(yīng)的頁(yè)面中使用, 這個(gè)頁(yè)面使用了van-popup組件和van-picker組件。在彈層中選擇年份。

3 注意事項(xiàng)
popup的事件命名中使用了減號(hào), 直接使用會(huì)導(dǎo)致組件不生效,解決方法如下: 找到vant目錄下popup目錄下的index.js文件(就是上面所說的在static下面新建的vant),修改其中的事件名,如下注釋部分,把短橫線命名改為駝峰命名,即可生效。

以上就是Vant WeappUI組件庫(kù)怎么在mpvue框架中使用,小編相信有部分知識(shí)點(diǎn)可能是我們?nèi)粘9ぷ鲿?huì)見到或用到的。希望你能通過這篇文章學(xué)到更多知識(shí)。更多詳情敬請(qǐng)關(guān)注創(chuàng)新互聯(lián)成都網(wǎng)站設(shè)計(jì)公司行業(yè)資訊頻道。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。