Skip to content

EButton(按钮)

el-button 的简单封装,用于点击按钮操作。

属性配置

属性配置示意图

配置说明
类型type 参数,默认 default
朴素按钮plain 参数,默认不开启
文字按钮text 参数,默认不开启
链接按钮link 参数,默认不开启
圆角按钮round 参数,默认不开启
圆形按钮circle 参数,默认不开启
垂直文本是否垂直排列文本,默认不开启
图标icon 参数,默认无
自定义图标自定义图标配置
禁用disabled 参数,默认不开启
加载中状态loading 参数,默认不开启。开启后还需配置 loading-icon 参数
插入空格auto-insert-space 参数,默认不开启
按钮颜色color 参数,默认不设置
文字颜色按钮文字颜色,默认不设置
dark 模式dark 参数,默认不开启
自定义样式默认不开启,开启后可配置字体大小、字体粗细、字体类型、字体样式等

数据配置

数据配置示意图

配置说明
按钮文字直接输入静态文本,默认为“按钮”
文字缓存地址从数据缓存中获取按钮文字,获取内容需为字符串类型
提示文字直接输入提示文本,默认为空(即按钮的 tooltip 提示)
禁用缓存地址从数据缓存中获取禁用状态,值为 true 时按钮禁用,否则正常

事件说明

基于 VitePress 构建