VUEelement-ui之button按钮简介
element-ui之Button 按钮
按钮等可以通过vue绑定属性来控制某⼀些属性
各式各样的按钮
<el-button>⿏标滑过/点击背景变淡</el-button>
<el-button type="primary"plain>⿏标滑过/点击背景变深⾊调</el-button>
<el-button type="success"round>圆⾓按钮</el-button>
<el-button type="info"icon="el-icon-search"circle>图标按钮按钮,icon放⼊映⼊的icon图标名称</el-button>
<el-button type="text">⽂字按钮</el-button>
<el-button disabled>禁⽤按钮</el-button>
<el-button size="medium">不同尺⼨按钮</el-button>
<el-button :disabled="true/false">动态禁⽤</el-button>
icon图标库
<el-button type="primary">图标加⽂字按钮<i class="el-icon-upload el-icon--right"></i></el-button>
<el-button type="primary":loading="true">加载中按钮</el-button>
组合的按钮,使⽤—el-button-group–标签来嵌套你的按钮使其在⼀⾏。
<el-button-group>
<el-button type="primary"icon="el-icon-arrow-left">上⼀页</el-button>
<el-button type="primary">下⼀页<i class="el-icon-arrow-right el-icon--right"></i></el-button>
</el-button-group>
⽂档说明
参数说明类型可选值默认值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——
引⽤element-ui,

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。