1漾狼、安裝
可直接將git倉庫中的 dist 文件夾重命名為 vant 后拷貝到工程文件 app.json 位置(注意:最好先重命名后復(fù)制乎婿,而不是相反)肠阱。
2票唆、使用
2.1、普通的顯示組件
Step1:在 app.json 或頁面 json (區(qū)別是一個全局一個只在當(dāng)前頁面有效)中添加 usingComponents:
"usingComponents": {
"van-button": "vant/button/index",
}
Step2:在 wxml 中直接使用標(biāo)記:
<van-button type="primary">按鈕</van-button>
2.2屹徘、需要在 js 中動態(tài)使用的組件
Step1:在 json 中添加 usingComponents
"usingComponents": {
"van-search": "../../vant/search/index"
}
Step2:在 wxml 中添加標(biāo)記:
<van-toast id="van-toast" />
Step3:先在 js 中 import 相關(guān)對象走趋,然后即可調(diào)用
// pages/index/index.js
import Toast from '../../vant/toast/toast';
...
onSearch() {
Toast(this.data.value);
},