vue vant 循环picker模块的实现方法

开发中遇到一个问题,vant 的 picker 模块是循环出来的。 这就涉及到一个问题,就是 popup 模块的绑定对象是无法确定的。换句话说,我们想要的肯定是点击哪个,就显示对应的 popup 及 picker,但现在是循环出来的,没有办法用一个变量来控制。所以,就需要定义一个数组对象,根据循环 index 对应数组下标,达到多控的目的。

<van-cell-group title="循环数组" v-for="(item,index) in list">
  <van-cell title="协议签订类型" is-link arrow-direction="down" :value="item.dedprotoflagcn" @click="showPicker(index)"/>  // 
        <van-popup v-model="pickerParams[index]['showDedprotoflagPicker']" position="bottom">
             <van-picker
                  show-toolbar
                  :columns="dedprotoflagData"
                  @cancel="hidePicker"
                  @confirm="onConfirmdedprotoflag"
             />
       </van-popup>
</van-cell-group>

  

 

posted @ 2021-01-18 09:23  Sky_Ice  阅读(2403)  评论(2编辑  收藏  举报