<!--下拉折疊面板-->
  <van-collapse class="collapse" v-model="activeNames" is-link="false">
    <van-collapse-item title="" :name="index">
      <!--展開(kāi)后顯示的內(nèi)容-->
      <span class="coll_show">制定拜訪計(jì)劃</span>
      <span class="coll_show">保險(xiǎn)保障分析</span>
      <span class="coll_show">制作計(jì)劃書(shū)</span>
      <span class="coll_show">會(huì)客廳講解</span>
      <span class="coll_show">
        <van-cell @click="showEdit">修改備注</van-cell>
        <van-popup v-model="showRemark">
          <p>修改備注</p>
          <form action="/">
            <input class="text" placeholder="最多輸入50個(gè)字" type="text">
            <input class="btn1" type="button" value="取消">
            <input class="btn2" type="submit" value="提交">
          </form>
        </van-popup>
      </span>
    </van-collapse-item>
  </van-collapse>

export default {
  data() {
    return {
      activeNames: ['1'],
    };
  },
};

export default {
  data() {
    return {
      activeNames: [0],
    };
  },
};

export default {
  data() {
    return {
      activeNames: 0,
    };
  },
};

<div class="small-area-details" v-for="(listItem, listIndex) in goldAlbumList" :key="listIndex">
? ?<van-collapse v-model="activeNames" :border="false">
? ? ?<van-collapse-item
? ? ? ?title="標(biāo)題"
? ? ? ?:name="listIndex">
? ? ?</van-collapse-item>
? ?</van-collapse>
</div>

<script>
export default {
data() {
?? ?return {
?? ??? ?activeNames: [0] //不能是['0']
?? ??? ?}
?? ?}
}
</script>