el-button属性,element单选按钮

　　本文主要介绍了Element el-button按钮组件的使用的详细说明，通过示例代码进行了非常详细的介绍，对大家的学习或者工作有一定的参考价值。有需要的朋友下面和边肖一起学习。

1. 背景

　　按钮比较常用，Element的按钮功能比较全面。本文将对此进行介绍。

　　先看看各种按钮的效果图：

　　在分析源代码之前，我们先来看看官方文档对button的使用说明：

2. 按钮分类

　　el-button按钮的分类基本是基于颜色的，还有一种是文本按钮type=text 。文本按钮因为体积小，更适合做表格每行的操作栏。

　　按钮分类：

　　El按钮默认/el按钮

　　el按钮类型=primaryprimary/el按钮

　　el-button type=成功成功/el-button

　　El-button type= info info/El-button

　　el按钮类型=警告警告/el按钮

　　el-button type=danger 危险/el-button

　　el按钮type=texttext/el按钮

3. 按钮样式

　　元素提供普通按钮、圆形按钮和圆形按钮。需要注意的是，圆形按钮中只放了一个图标，代码如下：

　　按钮样式：

　　El按钮类型=“主要”普通按钮/el按钮

　　El按钮类型=主圆形圆形按钮/el按钮

　　el-button type=primary 圆形图标=el-icon-search/el-button

4. 按钮状态

　　按钮状态其实是HTML标准的功能，可以通过禁用来禁用。

　　按钮状态：

　　El按钮类型=“主要”正常/el按钮

　　El按钮类型=主要禁用禁用/el按钮

5. 按钮分组

　　分组按钮易于使用，就像常见的分页按钮一样。组合在一起更好看，可以通过将按钮包裹在el-button-group中来实现。

　　按钮分组：

　　el按钮组

　　El-button type= primary icon= El-icon-向左箭头 Previous /el-button

　　El-button type= primary next page I class= El-icon-arrow-right El-icon-right /I/El-button

　　/El-按钮组

6. 按钮尺寸

　　Hungry提供默认、中等、小和非常小的尺寸，代码如下：

　　按钮的大小：

　　El按钮默认/el按钮

　　el按钮类型= primary size= medium medium/El按钮

　　el按钮type= primary size= small small/El按钮

　　el按钮类型=primary size=minimini/el按钮

7. 小结

　　el-button提供的功能比较齐全，带上就好。注意，不建议自己定义样式来修改默认样式，这样容易导致外观不一致。

　　以上就是本文关于Element el-button按钮组件的详细使用。有关元素el-button按钮组件的更多信息，请搜索我们以前的文章或继续浏览下面的相关文章。希望你以后能支持我们！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。