這里給大家講解小程序中如何引入vant組件(我這里是采用小程序的雲開發模板)
1.首先在項目的miniprogram文件夾右鍵在終端中打開,輸入命令npm init初始化生成一個package.json的文件(不想私人定制,一鍵enter即可生成該文件)
2.進入到有贊vant weapp官網看安裝文檔,地址:https://youzan.github.io/vant-weapp/#/quickstart
3.使用命令npm i vant-weapp -S --production快速安裝vant-weapp下的所有組件
4.此時需要在小程序中的工具菜單下點擊構建npm
5.此時項目中就會有一個miniprogram_npm的目錄,里面就是所下載的組件文件
6.別忘了,此時還需要點擊小程序的詳情按鈕,勾選使用npm模塊才可以使用下載的組件
7.在想使用組件的頁面所在目錄下的json文件的
"usingComponents": {
"van-button": "vant-weapp/button"
}
8.在wxml中直接使用
<van-button type="danger">危險按鈕</van-button>即可
大功告成~~~