logpm/uni_modules/fant-mini-plus/components/hd-field/INDEX.md

代码演示

基础用法

title 输入框左侧label文案，v-model 输入框内容，placeholder 输入框占位符。

<hd-field title="密码" v-model="value" placeholder="请输入密码"></hd-field>

const value = ref<string>('')

密码类型输入框

password 是否为密码类型，为true时暗文显示输入框内容。

<hd-field title="密码" v-model="value" :password="password"></hd-field>

const value = ref<string>('')

const password = ref<boolean>(true)

输入框清空

clearable 是否显示清除按钮，默认false。

<hd-field title="密码" v-model="value" :clearable="clearable"></hd-field>

const value = ref<string>('')

const clearable = ref<boolean>(true)

输入框禁用

disabled 输入框是否禁用，默认false。

<hd-field title="密码" v-model="value" :disabled="disabled"></hd-field>

const value = ref<string>('')

const disabled = ref<boolean>(true)

输入文字最大长度

maxlength 限制输入框最大输入字符数量。

<hd-field title="密码" v-model="value" :maxlength="maxlength"></hd-field>

const value = ref<string>('')

const maxlength = ref<number>(20)