language-input
v1.0.3
Published
this is a languageInput Component
Readme
通用场景输入框:
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 |
