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;
},

 

来源：https://www.cnblogs.com/debstu/p/15924086.html