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

可乐KL2023-09-23 6:06

安装

vue页面

js 复制代码

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

js

js 复制代码

data(){
	return {
		name: '',
		candidates: [] // 选择的列表
	}
},
methods: {
	//姓名
	selectname(name) {
		this.name = name;
	},
	handleFocus() {
		// 获取焦点事件
	},
	handleBlur() {
		// 失去焦点事件
	}
}

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