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>