微信小程序使用vant框架折叠效果，死活不出来，求助

Question

小程序使用vant框架，在做一个折叠效果。按照官方给出的示例，死活不出来折叠效果。

首先在index.json中引入折叠组件

        "van-collapse": "vant-weapp/collapse/index",
        "van-collapse-item": "vant-weapp/collapse-item/index"

接着在index.wxml中写出折叠内容的主体
`<van-collapse v-model="activeNames">
<van-collapse-item title="标题1" name="1">内容</van-collapse-item>
<van-collapse-item title="标题2" name="2">内容</van-collapse-item>
<van-collapse-item title="标题3" name="3" disabled>内容</van-collapse-item>
</van-collapse>`

最后在index.js

Page({

  /**
   * 页面的初始数据
   */
  data: {
    activeNames: ['1']
  },
  ......

请问我哪里写错了吗？

Answer 1

看错文档了吧。
vant 这个 UI 组件库分为小程序端 vant-weapp 和以 vue 为基础框架的移动端 vant。
小程序端 vant 是没有用 v-model 进行双向数据绑定的，这个是 vue 里面的。
小程序端 collapse 组件地址 https://youzan.github.io/vant-weapp/#/collapse
你应该是用了这里面的例子吧 https://youzan.github.io/vant/#/zh-CN/collapse

Answer 2

我都是把vant的组件下载到本地，
放在小程序的components文件夹里，
然后json文件里引入的

还有就是引入vant组件的时候，有些基础的文件夹，比如common、mixins文件夹也要复制到components里

具体还是看控制台上报的错误信息

Answer 3

我和你情况一模一样，我感觉是没有触发函数。用这个框架还是难顶，用toggle整个下拉列表什么事儿没有。