跳到主要内容

字典标签

针对字典的使用，目前提供了一个标签实现下拉、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’时有效
heightinput框高度 当type=’select’时有效，默认为70，单位rpx
inputAligninput框文字显示方向，可选为：left/center/right
selectValue默认选中值 当type=’select’时有效
mode下拉框配置，默认为single-column
shape选择框图标样式，可选为：circle/square
wrap选择框图标显示是否换行
dataType数据获取方式，可选为：static/dynamic/dictCode
valueFeiled对应传递给后端的字段值，默认value
textFeiled对应显示在文本框的字段值，默认label
listdataType为static时获取的静态资源数组
url动态获取字典数据时的接口
code字典编码code值
@change选择options回调方法