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