開發中遇到一個問題,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>
