天天看點

mintUI的picker元件擷取背景資料進行渲染

<mt-popup v-model="popupVisible" popup-transition="popup-fade" closeOnClickModal="true" position="bottom">
           <mt-picker :slots="pickerData" @change="onValuesChange"  showToolbar>
             <div class="picker-toolbar-title">
               <div class="usi-btn-cancel" @click="popupVisible = !popupVisible">取消</div>
               <div class="">請選擇</div>
               <div class="usi-btn-sure" @click="sure()">确定</div>
             </div>
           </mt-picker>
        </mt-popup>
           
computed: {
        pickerData(){
            // this.pickValue = ['1','2']
            let dataSlots = [
                {
                    flex:1,
                    values: this.pickValue,
                }
            ];
            return dataSlots
        },
    }
           

隻要将背景傳回的選項數組指派給pickValue即可