Element-Ui组件(三)Button 按钮

Element-Ui组件(三)Button 按钮

本文参考Element官方文档:

http://element-cn.eleme.io/#/zh-CN/component

基础用法

el-button经常与icon搭配使用,type属性主要用于控制其颜色,plain属性用于控制其风格,roundcircle属性用于控制其形状,以下是一组增删改查的按钮示例:
在这里插入图片描述


一组按钮也可以放到同一个组件el-button-group中:
在这里插入图片描述


el-button属性:

参数 类型 说明 可选值 默认值
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.js)