基础用法

使用clearable属性即可得到一个可一键清空的输入框,使用password属性得到一个密码框,使用disabled属性禁用的输入框

埋点用法

通过buried来开启埋点,默认是开启的。通过changeBuriedParams事件来接收埋点数据,数据格式是 { label: 'xxx', value: 'xxx', content: 'xxx' }

WARNING

开启埋点的话,组件一定需要传label属性,否则也不会记录埋点的

输入框 属性

属性名说明类型默认值
model-value / v-model绑定值string
type类型string 原生input typesopen in new windowtext
password开启密码框Boolean
clearable输入框可清空Boolean
unit输入框单位,会添加到原生input的后面string

其他的输入框属性请查看 element-plusopen in new window. 另外查询组件通用属性请查看查询组件通用

输入框 事件

输入框事件请查看 element-plusopen in new window. 另外查询组件通用事件请查看查询组件通用

输入框 插槽

插槽名说明
prefix输入框头部内容,只对非 type="textarea" 有效
suffix输入框尾部内容,只对非 type="textarea" 有效

element-plus另外两个插槽 在组件库里面样式不好控制,所以暂时不支持

输入框 Exposes

属性名说明类型
refelement-plus的 el-input 元素,具体 el-input暴露出来的方法和属性查看 element-plus文档open in new windowRef<HTMLButtonElement>

TIP

是el-input的所有暴露出来的属性和方法放在了ref这个对象里面,没有做解构!!!

Last Updated:
Contributors: niewk