Skip to content
广告位招租

优质广告位诚邀合作

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

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

input

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

复制成功

组件

js
const ElInputRef = ref(null)
const getElInputRef = () => ElInputRef.value
defineExpose({ getElInputRef })

属性

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

属性类型说明默认值
maskType[string,Array,Object]脱敏类型 为字符串时可选值为[mobile,idCard, name, email, address, none]
maskStartstring,Number自定义脱敏时展示前面几位数值0
maskEndstring,Number自定义脱敏时展示后面几位数值0
maskMiddlestring,Number自定义脱敏时,中间展示几位 maskSymbol标识符
maskSymbolstring脱敏替换标识符*
isMaskBoolean是否脱敏,默认为true,readonly时是否需要脱敏可修改此字段即可true

maskType为Array时可接收的属性

属性类型说明默认值
maskType[0][string,Number]对应maskStart属性配置 优先级比maskStart配置低0
maskType[1][string,Number]对应maskMiddle属性配置 优先级比maskMiddle配置低0
maskType[2][string,Number]对应maskEnd属性配置 优先级比maskEnd配置低0
maskType[3]string对应maskSymbol属性配置 优先级比maskSymbol配置低*

maskType为Object时可接收的属性

属性类型说明默认值
start[string,Number]对应maskStart属性配置 优先级比maskStart配置低0
middle[string,Number]对应maskMiddle属性配置 优先级比maskMiddle配置低0
end[string,Number]对应maskEnd属性配置 优先级比maskEnd配置低0
symbolstring对应maskSymbol属性配置 优先级比maskSymbol配置低*

注意

maskType 配置为字符串时 优先级 > 自定义脱敏

字符串长度 < (maskStart + maskEnd + maskMiddle) 不脱敏

TIP

此组件实现了聚焦的时候不脱敏,失去焦点的时候脱敏的功能,当配置了readonly时,无法聚焦导致无法查看到真实值,此时可以配置 isMask属性为false来查看真实值。

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

0%

置顶

置顶