字典标签

---

针对字典的使用，目前提供了一个标签实现下拉、radio 和 checkbox 组件。dictSelect 标签： 用于表单的标签使用，比如通过性别字典编码：sex，可以直接渲染出下拉组件。

字典标签下拉

<dict-select
    type="radio"
    :value="valueText"
@change="(label,value)=>{handleChange(label,value,filed)}"
    :disabled="false"
:border="true"
:height="70"
    :list="list"
    :selectValue="selectValue"
    inputAlign="left"
mode="single-column"
    dataType="dictCode"
    valueFeiled="value"
    textFeiled="label"
    code="sex"
    url="/system/dicSet/getDicItemByCode">
</dict-select>

字典标签单选

<dict-select
    type="radio"
    :value="valueText"
@change="(label,value)=>{handleChange(label,value,filed)}"
    :disabled="false"
    :list="list"
    dataType="dictCode"
    valueFeiled="value"
    textFeiled="label"
    shape="circle"
    :wrap="false"
    code="sex"
    url="/system/dicSet/getDicItemByCode">
</dict-select>

字典标签多选

<dict-select
    type="checkbox"
    :value="valueText"
@change="(label,value)=>{handleChange(label,value,filed)}"
    :disabled="false"
    :list="list"
    :wrap="false"
    shape="circle"
    dataType="dictCode"
    valueFeiled="value"
    textFeiled="label"
    code="sex"
    url="/system/dicSet/getDicItemByCode">
</dict-select>

属性方法

属性/方法	说明
type	标签类型可选为：select/checkbox/radio
value	标签绑定值
disabled	是否禁用
border	是否显示边框 当 type=’select’时有效
height	input 框高度 当 type=’select’时有效，默认为 70，单位 rpx
inputAlign	input 框文字显示方向，可选为：left/center/right
selectValue	默认选中值 当 type=’select’时有效
mode	下拉框配置，默认为 single-column
shape	选择框图标样式，可选为：circle/square
wrap	选择框图标显示是否换行
dataType	数据获取方式，可选为：static/dynamic/dictCode
valueFeiled	对应传递给后端的字段值，默认 value
textFeiled	对应显示在文本框的字段值，默认 label
list	dataType 为 static 时获取的静态资源数组
url	动态获取字典数据时的接口
code	字典编码 code 值
@change	选择 options 回调方法