1、安装
可直接将git仓库中的 dist 文件夹重命名为 vant 后拷贝到工程文件 app.json 位置(注意:最好先重命名后复制,而不是相反)。
2、使用
2.1、普通的显示组件
Step1:在 app.json 或页面 json (区别是一个全局一个只在当前页面有效)中添加 usingComponents:
"usingComponents": {
"van-button": "vant/button/index",
}
Step2:在 wxml 中直接使用标记:
<van-button type="primary">按钮</van-button>
2.2、需要在 js 中动态使用的组件
Step1:在 json 中添加 usingComponents
"usingComponents": {
"van-search": "../../vant/search/index"
}
Step2:在 wxml 中添加标记:
<van-toast id="van-toast" />
Step3:先在 js 中 import 相关对象,然后即可调用
// pages/index/index.js
import Toast from '../../vant/toast/toast';
...
onSearch() {
Toast(this.data.value);
},
网友评论