热门标签 | HotTags
当前位置:  开发笔记 > 后端 > 正文

ElementUI之组件按钮与链接

element中按钮比较丰富Button按钮基础用法使用type、plain、round和circle属性来定义Button的样式默认按钮



element中按钮比较丰富


Button 按钮

基础用法

使用type、plain、round和circle属性来定义 Button 的样式


默认按钮
主要按钮
成功按钮
信息按钮
警告按钮
危险按钮
主要按钮
主要按钮


在这里插入图片描述

你可以使用disabled属性来定义按钮是否可用,它接受一个Boolean值。

在这里插入图片描述

在这里插入图片描述

注意: 给元素绑定disabled属性可以控制禁用或非禁用(true为禁用,false为非禁用)

在这里插入图片描述


图标按钮

在这里插入图片描述

设置icon属性即可,icon 的列表可以参考 Element 的 icon 组件,也可以设置在文字右边的 icon ,只要使用i标签即可,可以使用自定义图标。


按钮组

在这里插入图片描述

使用标签来嵌套你的按钮。


上一页
下一页


加载中按钮

在这里插入图片描述

要设置为 loading 状态,只要设置loading属性为true即可。

加载中

设成false后不再旋转,图标消失


Link 文字链接

基础用法

在这里插入图片描述


默认链接
主要链接
成功链接
警告链接
危险链接
信息链接


禁用状态

在这里插入图片描述

在这里插入图片描述


下划线

在这里插入图片描述


图标

在这里插入图片描述

在这里插入图片描述



推荐阅读
author-avatar
so杨xi
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有