uni-app實現select可輸入下拉框


1、一般uni-app下拉框

<view class="uni-form-item uni-column">
     <picker @change="examinationType" :range="examinationTypeArray">
     <label class="">{{ examinationTypeArrayType }}</label>
     </picker>
</view>
//下拉框初始數據
examinationTypeArray: ['請選擇', '11111', '22222', '33333', '44444'],
examinationTypeIndex: 0,
examinationTypeArrayType: '請選擇',
examinationType(e) {
    this.examinationTypeIndex = e.target.value;
    this.examinationTypeArrayType = this.examinationTypeArray[this.examinationTypeIndex];
},

2、要實現select可輸入下拉選擇框,使用uni-combox組合框

<uni-combox :border="false" @input="selectname" :candidates="candidates"  placeholder="請選擇姓名"></uni-combox>

uni-app項目uni_modules文件夾中要包含uni-card文件、uni-combox文件、uni-icons文件以及uni-scss文件,

//初始化數據
candidates: [],   //可輸入下拉框數據
//姓名
selectname(name) {
    this.Name = name;
},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM