字典标签

---

针对字典的使用，目前提供了一个标签实现下拉、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回调方法