1.0.3 • Published 2 years ago
language-input v1.0.3
通用场景输入框：
1、基础输入框：
<languageInput v-model="input" maxlength="100" placeholder="多語言輸入" show-word-limit :languageValue.sync="language" />
<script>
export default {
data() {
return {
input: '',
language: { zhCN:'', twCN: '', en: '' }
}
}
}
</script>Input Attributes
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| languageValue | 输入框的多语言参数, 暂时为固定的 { zhCN:'', twCN: '', en: '' } | object | - | { zhCN:'', twCN: '', en: '' } |
| type | 类型 | string | text，textarea 和其他 原生 input 的 type 值 | text |
| value / v-model | 绑定值 | string / number | — | — |
| maxlength | 原生属性，最大输入长度 | number | — | — |
| minlength | 原生属性，最小输入长度 | number | — | — |
| show-word-limit | 是否显示输入字数统计，只在 type = "text" 或 type = "textarea" 时有效 | boolean | — | false |
| placeholder | 输入框占位文本 | string | — | — |
| clearable | 是否可清空 | boolean | — | false |
| show-password | 是否显示切换密码图标 | boolean | — | false |
| disabled | 禁用 | boolean | — | false |
| size | 输入框尺寸，只在 type!="textarea" 时有效 | string | medium / small / mini | — |
| prefix-icon | 输入框头部图标 | string | — | — |
| suffix-icon | 输入框尾部图标 | string | — | — |
| rows | 输入框行数，只对 type="textarea" 有效 | number | — | 2 |
| autosize | 自适应内容高度，只对 type="textarea" 有效，可传入对象，如，{ minRows: 2, maxRows: 6 } | boolean / object | — | false |