19-Vue之Element UI-按钮组件

目录

创建按钮

属性使用

代码示例

效果图

参数说明 


创建按钮

  • element ui中的标签都是el开头
默认按钮

属性使用

  • 属性全部写在组件标签上 :属性名=属性值

代码示例

// buttondetail.vue文件

效果图

19-Vue之Element UI-按钮组件_第1张图片19-Vue之Element UI-按钮组件_第2张图片

参数说明 

参数	说明	类型	可选值	默认值
size	尺寸	string	medium / small / mini	—
type	类型	string	primary / success / warning / danger / info / text	—
plain	是否朴素按钮	boolean	—	false
round	是否圆角按钮	boolean	—	false
circle	是否圆形按钮	boolean	—	false
loading	是否加载中状态	boolean	—	false
disabled	是否禁用状态	boolean	—	false
icon	图标类名	string	—	—
autofocus	是否默认聚焦	boolean	—	false
native-type	原生 type 属性	string	button / submit / reset	button

你可能感兴趣的:(#,Vue,vue.js,element,ui)