基础用法
使用clearable
属性即可得到一个可一键清空的输入框,使用password
属性得到一个密码框,使用disabled
属性禁用的输入框
埋点用法
通过buried
来开启埋点,默认是开启的。通过changeBuriedParams
事件来接收埋点数据,数据格式是 { label: 'xxx', value: 'xxx', content: 'xxx' }
WARNING
开启埋点的话,组件一定需要传label
属性,否则也不会记录埋点的
输入框 属性
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
model-value / v-model | 绑定值 | string | — |
type | 类型 | string 原生input types | text |
password | 开启密码框 | Boolean | — |
clearable | 输入框可清空 | Boolean | — |
unit | 输入框单位,会添加到原生input的后面 | string | — |
其他的输入框属性请查看 element-plus. 另外查询组件通用属性请查看查询组件通用
输入框 事件
输入框事件请查看 element-plus. 另外查询组件通用事件请查看查询组件通用
输入框 插槽
插槽名 | 说明 |
---|---|
prefix | 输入框头部内容,只对非 type="textarea" 有效 |
suffix | 输入框尾部内容,只对非 type="textarea" 有效 |
element-plus另外两个插槽 在组件库里面样式不好控制,所以暂时不支持
输入框 Exposes
属性名 | 说明 | 类型 |
---|---|---|
ref | element-plus的 el-input 元素,具体 el-input暴露出来的方法和属性查看 element-plus文档 | Ref<HTMLButtonElement> |
TIP
是el-input的所有暴露出来的属性和方法放在了ref
这个对象里面,没有做解构!!!