美文网首页
03 使用 vant weapp 组件

03 使用 vant weapp 组件

作者: 古月量化 | 来源:发表于2020-07-13 10:12 被阅读0次

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);
},

相关文章

网友评论

      本文标题:03 使用 vant weapp 组件

      本文链接:https://www.haomeiwen.com/subject/mizocktx.html