Skip to content

hl-input

基本用法

vue

hl-input组件继承了el-input的所有属性和方法,只是在它的基础上做了几点增强

Placeholder

当hl-input被hl-form-item包裹时,我们大部分情况下时不需要手动设置placeholder,组件会自动获取hl-form-item的label属性生成“请输入+hl-form-item的label”

姓名
姓名
vue

提示指引

需求:当鼠标放入输入框时希望在输入框的上面弹出信息框提示用来解释当前输入字段的含义

姓名
vue

属性

属性说明类型可选值默认值
model-value / v-model选中项绑定值String, Number, Array
placeholder提示信息String
tip指引信息String
tip-label指引标题String

插槽

插槽名说明
suffix输入框尾部内容
append输入框后置内容