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>

  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM