**JDictSelectTag字典标签** [TOC] > 针对字典的使用,目前提供了一个标签实现下拉和radio组件。 > JDictSelectTag 标签: 用于表单的标签使用,比如通过性别字典编码:sex,可以直接渲染出下拉组件。 > @Dict用法 > 字典翻译注解@Dict,用于列表字段字典翻译(比如字段sex存的值是1,会自动生成一个翻译字段 sex_dictText 值是‘男’)。详细文档:http://jeecg-boot.mydoc.io/?t=345678 ## 组件参数 | 参数 | 类型 | 必填 |说明| |--------------|---------|----|---------| | dictCode |string|√|字典code配置,比如通过性别字典编码:sex,可以直接渲染出组件 | | type|string||支持radio、radioButton 、select| | placeholder |string | | placeholder | | stringToNumber |boolean| | 是否将字典的选项value值由string转成number,用于回显数据| | getPopupContainer|function| | 菜单渲染父节点。默认渲染到 body 上,如果你遇到菜单滚动定位问题,试试修改为滚动的区域,并相对其定位。| | showChooseOption |string | | 是否显示【请选择】选项 | | disabled | Boolean | 否 | 是否禁用,默认值false | ## 使用示例 ### 1.字典用法 ``` <JDictSelectTag v-model="queryParam.sex" placeholder="请输入用户性别" dictCode="sex"/> ``` ![](https://img.kancloud.cn/d7/08/d708e79b31f4af021f9e490b6cbc3c64_540x209.png) ### 2.表字典类型 > 从数据库表获取字典数据,dictCode格式说明: 表名,文本字段,取值字段 ```html <JDictSelectTag v-model="queryParam.username" placeholder="请选择用户名称" dictCode="sys_user,realname,id"/> ``` ![](https://img.kancloud.cn/c2/0c/c20c8256db06f56f477ab6092f731113_560x187.png) ### 3.表字典类型条件 > 当从数据库表获取字典数据的时候支持写查询条件进行过滤数据 > 下面dictCode = "sys_user,realname,id,sex = '2'"表示从sys_user表中查询数据且只查询sex='2'的数据 ```html <JDictSelectTag v-model="queryParam.username" placeholder="请选择用户名称" dictCode="sys_user,realname,id,sex = '2'"/> ``` ![](https://img.kancloud.cn/1d/2c/1d2c543f7bb2783b386724439ba67ab9_542x245.png)