# d-input 带长度的 input
# 何时使用
扩展 a-input 组件
# 代码演示
带长度的 input
支持所有 a-input 的 API 属性
可修改 字符长度、显示大小
显示代码
<template>
<div class="xm-main">
<a-space direction="vertical" style="width: 100%" :size="24">
<h2>带长度的 input</h2>
<d-input v-model="form.textValue" placeholder="请输入"> </d-input>
<d-input v-model="form.textValue1" placeholder="请输入" :len="5"> </d-input>
</a-space>
</div>
</template>
<script>
export default {
data () {
return {
form: {
textValue: '',
textValue1: '',
textValue2: ''
}
}
}
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
显示代码
# API
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|---|---|---|---|---|
| value(v-model) | 内容 | string | '' | - |
| len | 显示的长度 | number | 0 | - |