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

最新推荐文章于 2025-02-25 16:52:15 发布

可乐KL

最新推荐文章于 2025-02-25 16:52:15 发布

阅读量969

点赞数 2

分类专栏： uniapp 文章标签： uni-app vue.js javascript

本文链接：https://blog.csdn.net/m0_49494051/article/details/132979621

版权

uniapp 专栏收录该内容

3 篇文章

订阅专栏

文章介绍了在Vue项目中如何通过uniapp的uni-combox组件创建一个带有边框选项的输入框，包括设置v-model绑定、获取焦点和失去焦点事件的处理方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

安装

uniapp: uni-combox地址
在这里插入图片描述

在这里插入图片描述

vue页面

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

js

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