essential-com
Version:
### 介绍 ---
70 lines (56 loc) • 1.53 kB
Markdown
<!-- 加载 demo 组件 start -->
<script setup>
import demo from './demo.vue'
import demo2 from './demo2.vue'
import demo3 from './demo3.vue'
import demo4 from './demo4.vue'
import demo5 from './demo5.vue'
import demo6 from './demo6.vue'
// import demo7 from './demo7.vue'
import demo8 from './demo8.vue'
</script>
<!-- 加载 demo 组件 end -->
<!-- 正文开始 -->
# Input组件
### 示例
<Preview comp-name="Input" demo-name="demo">
<demo />
</Preview>
### 禁用状态
<Preview comp-name="Input" demo-name="demo2">
<demo2 />
</Preview>
### 一键清空
<Preview comp-name="Input" demo-name="demo3">
<demo3 />
</Preview>
### 密码类型的输入框
<Preview comp-name="Input" demo-name="demo4">
<demo4 />
</Preview>
### 自动补全输入框
<Preview comp-name="Input" demo-name="demo5">
<demo5 />
</Preview>
### 远程搜索
<Preview comp-name="Input" demo-name="demo6">
<demo6 />
</Preview>
<!-- ### 自定义建议模板
<Preview comp-name="Input" demo-name="demo7">
<demo7 />
</Preview> -->
### 输入长度限制
<Preview comp-name="Input" demo-name="demo8">
<demo8 />
</Preview>
### attrs属性
参数 | 说明 | 类型 | 可选值 | 默认值
:-: | :-: | :-: | :-: | :-:
`type` | 类型 | string | text,textarea 和其他 | `text`
`arg2` | 第二个参数 | string | - | `default`
### listeners事件
事件名 | 说明 | 参数说明
:-: | :-: | :-:
`select` | 点击选中建议项时触发 | 选中的建议项
`change` | 在 Input 值改变时触发 | (value: string | number)