在mpvue框架中使用Vant WeappUI組件庫(kù)的注意事項(xiàng)【推進(jìn)】
1如何引入組件庫(kù)
有兩種方法 1 npm下載 2 下載代碼，下面介紹第二種方法。
在gitHub上， 鏈接如下 https://github.com/youzan/vant-weapp 首先在自己項(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文件（就是上面所說(shuō)的在static下面新建的vant），修改其中的事件名，如下注釋部分，把短橫線命名改為駝峰命名，即可生效。
3 到這里就可以在頁(yè)面中使用了相應(yīng)的組件了。
總結(jié)
以上所述是小編給大家介紹的在mpvue框架中使用Vant WeappUI組件庫(kù)的注意事項(xiàng)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！
- 詳解如何搭建mpvue框架搭配vant組件庫(kù)的小程序項(xiàng)目
- 微信小程序的mpvue框架快速上手指南
- 基于mpvue搭建微信小程序項(xiàng)目框架的教程詳解
- 微信小程序第三方框架對(duì)比 之 wepy / mpvue / taro
- 使用Vue.js開發(fā)微信小程序開源框架mpvue解析
- 詳解vantUI框架在vue項(xiàng)目中的應(yīng)用踩坑
- 在Vant的基礎(chǔ)上實(shí)現(xiàn)添加表單驗(yàn)證框架的方法示例
- Vant的安裝和配合引入Vue.js項(xiàng)目里的方法步驟
- 詳解如何在微信小程序開發(fā)中正確的使用vant ui組件
相關(guān)文章
JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制指定區(qū)域文本(推薦)
這篇文章主要介紹了JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕復(fù)制指定區(qū)域文本(推薦)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
這篇文章主要介紹了JS實(shí)現(xiàn)一個(gè)按鈕的方法,實(shí)例分析了使用js實(shí)現(xiàn)一個(gè)按鈕的功能與相關(guān)技巧,需要的朋友可以參考下2015-02-02
在?JavaScript?中使用變量或常量之前，必須先進(jìn)行聲明，這篇文章主要介紹了JavaScript中的變量聲明與賦值,本文通過(guò)示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-08-08
詳解關(guān)于html，css，js三者的加載順序問(wèn)題
這篇文章主要介紹了關(guān)于html，css，js三者的加載順序問(wèn)題，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
JS實(shí)現(xiàn)監(jiān)控微信小程序的原理
這篇文章主要介紹了JS實(shí)現(xiàn)監(jiān)控微信小程序的原理,本文通過(guò)實(shí)例代碼相結(jié)合的形式給大家介紹的非常詳細(xì)，需要的朋友可以參考下2018-06-06
這篇文章主要介紹了微信小程序人臉識(shí)別功能，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
JS中如何刪除某個(gè)父元素下的所有子元素？這里我介紹幾種方法,結(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ù)代碼，代碼簡(jiǎn)潔易懂，并附上了使用方法，小伙伴們拿去試試。2015-01-01
js讀取json文件片段中的數(shù)據(jù)實(shí)例
下面小編就為大家?guī)?lái)一篇js讀取json文件片段中的數(shù)據(jù)實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03