Skip to content
广告位招租

优质广告位诚邀合作

本广告位曝光量正火速攀升,用户触达规模呈爆发式增长!现向品牌开放合作,趁曝光增长红利期,抓紧机会拿下,让您的品牌借势破圈!

--总浏览量(次)
--总计访客(人)

button

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

复制成功

组件

js
const ElButtonRef = ref(null)
const getElButtonRef = () => {
  return ElButtonRef.value
}

defineExpose({ getElButtonRef })

属性

继承el-button组件的所有属性、事件、插槽,以及新增的下列几个属性

属性类型说明默认值
valuestring,number按钮绑定的字典值,必传 dictType没值时value就是button的text值“”
dictTypestring按钮的字典类型,非必传“”
defaultValstring有配置dictType时且value匹配不到对应字典值,默认为nullnull
emptyTextstring有配置dictTypevalue没值时的替换显示值,默认为----
judgeTypeFun(value)function根据value返回对应的type函数
judgeDisabledFun(value)function根据value返回对应的disabled函数
actionTypestring点击时触发的事件类型可选值为 submitresetaction,用于动态组件触发提交或者重置或自定义的功能submit

defaultValemptyText的详细规则如下

js
String(defaultVal ?? (value === 0 ? 0 : value || emptyText))

注意

配置defaultVal后,当匹配不到对应字典时一定显示 defaultVal。 未配置defaultVal且匹配不到对应字典时,value有值显示value值 没值显示 emptyText

type优先级:judgeTypeFun > type > 字典值对应数据自带的的type属性

disabled优先级:judgeDisabledFun>字典值对应数据自带的disabled属性(为false时忽略)>disabled

微信公众号【爆米花小布】

0%

置顶

置顶