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

最新推荐文章于 2024-06-25 17:18:05 发布

可乐KL

最新推荐文章于 2024-06-25 17:18:05 发布

阅读量817

点赞数 1

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

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

版权

uniapp 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

安装

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() {
		// 失去焦点事件
	}
}