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