Skip to content

为了统一样式,内置了几个按钮组件,需要注意的是在以下的几个场景下必须使用预设按钮

普通按钮

基本使用

普通按钮只是对hl-button简单封装了一下,规定了按钮的图标,颜色

vue

属性

属性说明类型可选值默认值
icon是否展示图标Booleantrue
text按钮文字String

列表按钮

基本使用

列表按钮主要用在列表的操作中,默认形式是图标或者文字

属性

属性说明类型可选值默认值
icon图标String
text按钮文字:删除按钮时类型可为String和Boolean,其他只能为BooleanBoolean 、 String

删除按钮属性

当我们点击删除时,一般情况下都需要用户点击确定再继续操作,删除按钮已经实现了这一功能,开发中我们只需要绑定click事件即可

属性说明类型可选值默认值
message点击删除时的确认信息String您确定确认删除?
noPopover禁用提示Booleanfalse
placement提示的出现位置String取值同el-popovertop

插槽

插槽名说明
default自定义按钮,因为默认都是图标按钮所以只有text为true时生效