字典选择组件 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开发框架网发布内容,转载请附上原文出处连接
张国生
评论列表

发表评论

评论内容
昵称:
关联文章

公共数据字典选择组件SelectCommonDict
字典选择组件 SelectCommonDict
省市区选择组件SelectArea
省市区选择组件
Element-UI省市区选择组件city-picker
添加公共字典
公共字典扩展
单表演练之产品资料,辅助组件ViewDataBinding模式
基础字典管理功能开发-表结构设计,模型更新和数据库迁移脚本生成
【JOC】不同页面/组件之间通讯交互数据
C# winform选择dll文件
.Net 下高性能分表分库组件-连接模式原理
vue3 组合模式 组件自己引用自己 递归组件 组件命名
C# Winform选择文件夹目录
基础字典管理功能开发-API接口设计
vue3重新封装element-plus组件库的按钮组件el-button
JS清除Input File 的选择文件 javascript清除Input File选择文件
文件图片上传组件使用
.NET6中一些常用组件的配置及使用记录,持续更新中。。。
Winform窗体设置组件可用状态