theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

✨(component): 新增 input 组件 maxlength 属性, 原生属性限制输入长度

Browse Source
This commit is contained in:
就眠儀式 2022-07-28 10:30:55 +08:00
parent 1a7aacbcb8
commit a7e0086e52
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
package/component/src/component/input/index.vue
View File

@ -24,6 +24,7 @@ export interface LayInputProps {
readonly?: boolean; readonly?: boolean;
password?: boolean; password?: boolean;
size?: "lg" | "md" | "sm" | "xs"; size?: "lg" | "md" | "sm" | "xs";
maxlength?: number;
} }
const props = withDefaults(defineProps<LayInputProps>(), { const props = withDefaults(defineProps<LayInputProps>(), {
@ -138,12 +139,13 @@ const showPassword = () => {
:placeholder="placeholder" :placeholder="placeholder"
:autofocus="autofocus" :autofocus="autofocus"
:autocomplete="autocomplete" :autocomplete="autocomplete"
:maxlength="maxlength"
:readonly="readonly" :readonly="readonly"
:class="classes" :class="classes"
@input="onInput" @input="onInput"
@change="onChange"
@focus="onFocus" @focus="onFocus"
@blur="onBlur" @blur="onBlur"
@change="onChange"
/> />
<span class="layui-input-suffix" v-if="slots.suffix || props.suffixIcon"> <span class="layui-input-suffix" v-if="slots.suffix || props.suffixIcon">
<slot name="suffix" v-if="slots.suffix"></slot> <slot name="suffix" v-if="slots.suffix"></slot>