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

 

posted @ 2022-02-22 17:20  Deb  阅读(16712)  评论(0)    收藏  举报