溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這期內容當中小編將會給大家帶來有關如何在微信小程序中使用vant，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。
首先, 需要在小程序根目錄下打開命令窗口,依次輸入以下命令
npm init 初始化 npm install --production npm i vant-weapp -S --production
第二步之前,你需要保證你的微信開發者工具版本比較新,否則沒有是構建npm工具的
第二步就是,打開微信開發者工具,電擊左上方 工具,找到 構建npm
構建完成,會生成miniprogram_npm 文件夾
最后, 就是需要在頁面中使用 vant 組件了,打開剛剛生成的miniprogram_npm 文件夾 下面的 vant-weapp ,里面的就是vant 的所有組件配置文件,例如,button,
當在一個頁面中調用vant的組件時，需要在對應的頁面json中添加如下配置：
代碼為:
"usingComponents": {
"van-button": "/miniprogram_npm/vant-weapp/button/index", //引入button組件
"van-rate":"/miniprogram_npm/vant-weapp/rate/index" //引入rate組件
}在對應的wxml中加入組件標簽就可以了
<van-button type="default">默認按鈕</van-button> <van-rate v-model="value" />
上述就是小編為大家分享的如何在微信小程序中使用vant了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
