Vue EasyUI 链接按钮
2020-06-24 11:47 更新
链接按钮( LinkButton )用于创建一个超链接按钮。 链接按钮( LinkButton )可显示图标和文本,或者仅仅显示图标和文本中的一个,按钮宽度可动态收缩/扩展以适应其文本标签。
属性列表
名称 | 数据类型 | 作用描述 | 默认值 |
---|---|---|---|
disabled | boolean | 为True时,禁用按钮。 | false |
toggle | boolean | 为True时,使用户能够将其状态切换为已选择或未选择。 | false |
selected | boolean | 是否选择按钮的状态。 | false |
outline | boolean | 是否显示大纲边框。 | false |
plain | boolean | 表现出一种无格式的效果。 | false |
iconCls | string | 在左边显示16x16图标的CSS类。 | null |
iconAlign | string | 按钮图标的位置。可选的值:'left', 'right', 'top', 'bottom'。 | left |
size | string | 按钮的大小。可选的值: 'small','large'。 | small |
btnCls | string | 按钮样式类。 | null |
btnStyle | Object | 按钮内联样式。 | null |
text | boolean | 按钮的文本。 | null |
事件列表
名称 | 参数 | 作用描述 |
---|---|---|
click | none | 单击按钮时触发。 |
方法列表
名称 | 参数 | 返回值 | 作用描述 |
---|---|---|---|
focus | none | void | 聚焦按钮。 |
blur | none | void | 失焦按钮。 |
注:
- 继承: None 。
使用方法
<LinkButton iconCls="icon-add">Add</LinkButton>
<LinkButton iconCls="icon-remove">Remove</LinkButton>
<LinkButton iconCls="icon-save">Save</LinkButton>
<LinkButton iconCls="icon-cut" :disabled="true">Cut</LinkButton>
- 参考图例:
以上内容是否对您有帮助:
更多建议: