uniapp 可输入可选择的........框

安装

uniapp: uni-combox地址

vue页面

<uni-combox :border="false" @input="selectname" @focus="handleFocus" @blur="handleBlur" :candidates="candidates" placeholder="请选择姓名" v-model="name"></uni-combox>
1

js

data(){
	return {
		name: '',
		candidates: [] // 选择的列表
	}
},
methods: {
	//姓名
	selectname(name) {
		this.name = name;
	},
	handleFocus() {
		// 获取焦点事件
	},
	handleBlur() {
		// 失去焦点事件
	}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

注：想要获取焦点事件、失去焦点事件还要前往：uni_modules\uni-combox\components\uni-combox下加上