输入框
# 配置代码
data() {
return {
widgetForm: {
"list":[{
label: '输入框',
type: 'input',
options: {
width: '100%',
defaultValue: '',
placeholder: '请输入',
maxlength: null,
prefix: '',
suffix: '',
prepend: '',
append: '',
disabled: false,
clearable: true,
readonly: false,
rules:[],
...
}
}],
"config":{ //config里包含的是表单属性
...
}
}
};
},
# 参数说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
label | 名称 | string | -- | -- |
type | 组件类型 | string | -- | -- |
options | 配置参数 | Array | -- | [] |
# options参数说明
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 输入框类型 | string | text,textarea 和其他 原生input的type值 | -- |
width | 宽度 | string | % px | -- |
defaultValue | 默认值 | string | -- | -- |
placeholder | 输入框占位文本 | string | -- | -- |
maxlength | 原生属性,最大输入长度 | number | -- | -- |
minlength | 原生属性,最小输入长度 | number | -- | -- |
prefix | 输入框头部内容,只对 type="text" 有效 | Array | -- | -- |
suffix | 输入框尾部内容,只对 type="text" 有效 | Array | -- | -- |
prepend | 输入框前置内容,只对 type="text" 有效 | Array | -- | -- |
append | 输入框后置内容,只对 type="text" 有效 | Array | -- | -- |
disabled | 禁用 | boolean | false | -- |
clearable | 是否可清空 | boolean | false | -- |
readonly | 原生属性,是否只读 | boolean | false | -- |
rules | 查看规则配置 | Array | [] | -- |
更多配置参考:
element-ui https://element.eleme.cn/#/zh-CN/component/input
element-plus https://element-plus.org/zh-CN/component/input.html