在mpvue框架中使用Vant WeappUI組件庫的注意事項【推進】
1如何引入組件庫
有兩種方法 1 npm下載 2 下載代碼，下面介紹第二種方法。
在gitHub上， 鏈接如下 https://github.com/youzan/vant-weapp 首先在自己項目目錄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 注意事項
popup的事件命名中使用了減號， 直接使用會導(dǎo)致組件不生效，解決方法如下： 找到vant目錄下popup目錄下的index.js文件（就是上面所說的在static下面新建的vant），修改其中的事件名，如下注釋部分，把短橫線命名改為駝峰命名，即可生效。
3 到這里就可以在頁面中使用了相應(yīng)的組件了。
總結(jié)
以上所述是小編給大家介紹的在mpvue框架中使用Vant WeappUI組件庫的注意事項，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時回復(fù)大家的！
相關(guān)文章
最近華為鴻蒙OS 2.0正式開源！關(guān)于鴻蒙的教程其實網(wǎng)上也已經(jīng)有一些嘗鮮的小伙伴分享了相關(guān)文章，這篇文章主要為大家詳細(xì)介紹了鴻蒙系統(tǒng)中的 JS 開發(fā)框架，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript進制數(shù)之間的互相轉(zhuǎn)換
這篇文章主要介紹了JavaScript進制數(shù)之間的互相轉(zhuǎn)換，進制轉(zhuǎn)換是人們利用符號來計數(shù)的方法，下文基于JavaScript實現(xiàn)進制數(shù)之間的轉(zhuǎn)換，有一定的知識性參考價值，需要的小伙伴可以參考一下2022-05-05
這篇文章主要為大家詳細(xì)介紹了JS+CSS實現(xiàn)3D切割輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
HTML中Form表單的reset方法被用來清空用戶所輸入的內(nèi)容，以前一直誤以為其是單純的將input等輸入項中的值清空2014-03-03
異常捕獲相信對大家來說并不陌生,下面這篇文章主要給大家介紹了關(guān)于ES7中await如何優(yōu)雅的捕獲異常的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
微信小程序?qū)崿F(xiàn)組件頂端固定或底端固定效果(不隨滾動而滾動)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)組件頂端固定或底端固定效果(不隨滾動而滾動)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
javascript GUID生成器實現(xiàn)代碼, 需要的朋友可以參考下。2009-10-10
Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHei
Javascript拖拽用到的一些關(guān)于位置定位的一些參數(shù)2008-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript原型封裝輪播圖，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
javascript 用原型繼承來實現(xiàn)對象系統(tǒng)
對象系統(tǒng)中的繼承特性有三種方式:基于類，基于原型，基于元類2010-03-03