RNSelectNext 下拉选择器组件

这个最常见,要功能多多,要代码少少,可拓展配置简单等等。

• 📋 支持单选和多选模式
• 🔍 内置搜索过滤功能
• 🎨 丰富的自定义选项
• 🚀 支持远程数据加载
• 🚀 支持ajax加载数据
• 🌟 支持关联数据的加载

组件介绍

RNSelectNext 是一个增强版的下拉选择器组件，基于 Naive UI 的 NSelect 组件封装，支持异步加载选项、依赖联动、自定义渲染等功能。

基础用法

最简单的选择器用法,options作为静态使用。

使用ajax

关联加载

选择标签

选择人员器

其他自定义渲染

Props

参数	说明	类型	默认值
options	选项配置	Option[]	[]
value(v-model)	当前选中值	string | number | Array<string | number>	-
multiple	是否多选	boolean	false
filterable	是否可搜索	boolean	false
remote	是否远程搜索	boolean	false
loading	加载状态	boolean	false
placeholder	占位提示文本	string	-
maxTagCount	最多显示多少个标签	number	-

Option 配置项

参数	说明	类型	默认值
label	选项文本	string	-
value	选项值	string | number	-
disabled	是否禁用	boolean	false
[key: string]	其他自定义属性	any	-

事件

事件名	说明	回调参数
update:value	选中值改变时触发	(value: string | number | Array<string | number>) => void
search	搜索时触发	(query: string) => void
focus	获得焦点时触发	(e: FocusEvent) => void
blur	失去焦点时触发	(e: FocusEvent) => void