字典选择组件 SelectCommonDict


基本用法

<select-common-dict> 或者<SelectCommonDict>

HTML 全选
<select-common-dict v-model="data.docType" :style="{ 'width': '100%' }" placeholder="请选择"
	:disabled="isView" dict-type="purchase_order_type">
</select-common-dict>

属性:

属性名称类型默认值描述
modelValueString, Array 绑定值
disabledBooleanfalse可用状态
onlyLabelBooleanfalse只使用文本,绑定的值是文本
multipleBooleanfalse是否多选
dictTypestring 
字典类型,
如果是枚举,就是枚举名称
字典类型对应:JOCAPI.Models.Enums.EnumCommonDicData
showTextValueBooleantrue选中后,显示对应的值
showTextLabelBooleantrue选中后,显示对应的描述文本
showDropDownValueBooleantrue下拉框是否显示值
showDropDownLabelBooleantrue下拉框是否显示文本

 

默认显示:

字典选择组件 SelectCommonDict

如果下拉框只需要显示编号,不显示名称,把showTextLabelshowDropDownLabel两个属性设置为false

字典选择组件 SelectCommonDict

如果下拉框只需要显示名称,不显示编号,把showTextValueshowDropDownValue两个属性设置为false

字典选择组件 SelectCommonDict

 

事件

事件名称参数类型描述
on-select-changed
(newVal, selectItem)
选中值改变事件
参数类型:
newVal: string
selectItem: {
dictCode:string
dictDescription:string
}
   
   

 

 

版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
张国生
评论列表

发表评论

评论内容
昵称: