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