Appearance
button
按钮组件,默认情况下使用dict-button使用, 如果字典包配置中有配置componentsPreFix字段,请根据此字段的具体配置值进行前缀修改,如配置了componentsPreFix为Bu, 则使用bu-button使用。
复制成功

组件
js
const ElButtonRef = ref(null)
const getElButtonRef = () => {
return ElButtonRef.value
}
defineExpose({ getElButtonRef })属性
继承el-button组件的所有属性、事件、插槽,以及新增的下列几个属性
| 属性 | 类型 | 说明 | 默认值 |
|---|---|---|---|
value | string,number | 按钮绑定的字典值,必传 dictType没值时value就是button的text值 | “” |
dictType | string | 按钮的字典类型,非必传 | “” |
defaultVal | string | 有配置dictType时且value匹配不到对应字典值,默认为null | null |
emptyText | string | 有配置dictType时value没值时的替换显示值,默认为-- | -- |
judgeTypeFun(value) | function | 根据value返回对应的type函数 | 无 |
judgeDisabledFun(value) | function | 根据value返回对应的disabled函数 | 无 |
actionType | string | 点击时触发的事件类型可选值为 submit或reset或action,用于动态组件触发提交或者重置或自定义的功能 | submit |
defaultVal和emptyText的详细规则如下
js
String(defaultVal ?? (value === 0 ? 0 : value || emptyText))注意
配置defaultVal后,当匹配不到对应字典时一定显示 defaultVal。 未配置defaultVal且匹配不到对应字典时,value有值显示value值 没值显示 emptyText
type优先级:judgeTypeFun > type > 字典值对应数据自带的的type属性
disabled优先级:judgeDisabledFun>字典值对应数据自带的disabled属性(为false时忽略)>disabled

