@58fe/p5/src/doc/input.md

pc端vue组件

<script>
	module.exports = {
		methods: {
			onsearch: (arg) => {
				console.log(arg);
			}
		},
		data() {
			return {
				text: 123,
				text2: '',
				maxLength: 20,
				autosize: {
					maxRow: 10,
					minRow: 2
				},
				text3: '对当前当前温度为的撒打算打算打算'
            };
		}
	}
</script>
## Input 输入框

### 引入
```javascript
import { input } from '@58fe/p5'
```
引用的组件使用过程中，可以加前缀`p5-`进行使用，`p5-input`。

### 基本用法

:::demo 
```html
<p5-input v-model="text"></p5-input>
```

:::

### 禁用状态

:::demo 
```html
<p5-input disabled></p5-input>
```

:::

### 可清空

:::demo 
```html
<p5-input v-model="text2" empty></p5-input>
```

:::

### 密码框

:::demo 
```html
<p5-input show-password></p5-input>
```

:::

### 搜索框

:::demo 
```html
<p5-input search v-on:onsearch="onsearch"></p5-input>
```

:::

### 文本域

:::demo 
```html
<p5-input type="textarea"></p5-input>
```

:::


### 输入长度限制

:::demo 
```html
<p5-input :max-length="maxLength"></p5-input><br/>
<p5-input type="textarea" :max-length="maxLength"></p5-input>
```

:::

### 自适应高度的文本域

:::demo 
```html
<p5-input v-model="text3" type="textarea" :autosize="autosize"></p5-input>
```

:::