在mpvue框架中使用Vant WeappUI組件庫的注意事項(xiàng)【推進(jìn)】
1如何引入組件庫
有兩種方法 1 npm下載 2 下載代碼，下面介紹第二種方法。
在gitHub上， 鏈接如下 https://github.com/youzan/vant-weapp 首先在自己項(xiàng)目目錄static下新建一個vant文件夾，用于存放組件文件，把dist文件夾下的所有文件拷貝到static下面的vant目錄下，如下所示：
2 如何使用
1 在需要使用組件的頁面所在的文件夾下新建一個頁面main.json， （新建頁面后必須npm run dev 才能生效）在其中引入相應(yīng)的組件即可，如下圖所示引入了van-popup組件和van-picker組件：
2 在對應(yīng)的頁面中使用， 這個頁面使用了van-popup組件和van-picker組件。在彈層中選擇年份。
3 注意事項(xiàng)
popup的事件命名中使用了減號， 直接使用會導(dǎo)致組件不生效，解決方法如下： 找到vant目錄下popup目錄下的index.js文件（就是上面所說的在static下面新建的vant），修改其中的事件名，如下注釋部分，把短橫線命名改為駝峰命名，即可生效。
3 到這里就可以在頁面中使用了相應(yīng)的組件了。
總結(jié)
以上所述是小編給大家介紹的在mpvue框架中使用Vant WeappUI組件庫的注意事項(xiàng)，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時(shí)回復(fù)大家的！
相關(guān)文章
JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制指定區(qū)域文本(推薦)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制指定區(qū)域文本(推薦)的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了JS實(shí)現(xiàn)一個按鈕的方法,實(shí)例分析了使用js實(shí)現(xiàn)一個按鈕的功能與相關(guān)技巧,需要的朋友可以參考下2015-02-02
在?JavaScript?中使用變量或常量之前，必須先進(jìn)行聲明，這篇文章主要介紹了JavaScript中的變量聲明與賦值,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-08-08
詳解關(guān)于html，css，js三者的加載順序問題
這篇文章主要介紹了關(guān)于html，css，js三者的加載順序問題，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JS實(shí)現(xiàn)監(jiān)控微信小程序的原理
這篇文章主要介紹了JS實(shí)現(xiàn)監(jiān)控微信小程序的原理,本文通過實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-06-06
這篇文章主要介紹了微信小程序人臉識別功能，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JS中如何刪除某個父元素下的所有子元素？這里我介紹幾種方法,結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2022-09-09
這篇文章主要介紹了javascript自定義事件功能與用法,結(jié)合實(shí)例形式較為詳細(xì)的分析了javascript自定義事件的原理、功能、應(yīng)用與相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-11-11
js打造數(shù)組轉(zhuǎn)json函數(shù)
這里給大家分享的是一段使用js實(shí)現(xiàn)數(shù)組轉(zhuǎn)換成json的函數(shù)代碼，代碼簡潔易懂，并附上了使用方法，小伙伴們拿去試試。2015-01-01
js讀取json文件片段中的數(shù)據(jù)實(shí)例
下面小編就為大家?guī)硪黄猨s讀取json文件片段中的數(shù)據(jù)實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-03-03