随笔分类 -  Data组件

Badge 标记
摘要：出现在按钮、图标旁的数字或状态标记。 基础用法 展示新消息数量。 定义value属性，它接受Number或者String。 1 <el-badge :value="12" class="item"> 2 <el-button size="small">评论</el-button> 3 </el-ba 阅读全文
posted @ 2018-03-14 06:50 大姐姐小姐姐
Pagination 分页
摘要：当数据量过多时，使用分页分解数据。 设置layout，表示需要显示的内容，用逗号分隔，布局元素会依次显示。prev表示上一页，next为下一页，pager表示页码列表，除此以外还提供了jumper和total，size和特殊的布局符号->，->后的元素会靠右显示，jumper表示跳页元素，total 阅读全文
posted @ 2018-03-14 06:46 大姐姐小姐姐
Tree 树形控件
摘要：用清晰的层级结构展示信息，可展开或折叠。 基础用法 基础的树形结构展示。 1 <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick"></el-tree> 2 3 <script> 4 export defa 阅读全文
posted @ 2018-03-14 06:43 大姐姐小姐姐
Progress 进度条
摘要：用于展示操作进度，告知用户当前状态和预期。 线形进度条 — 百分比外显 Progress 组件设置percentage属性即可，表示进度条对应的百分比，必填，必须在 0-100。 1 <el-progress :percentage="0"></el-progress> 2 <el-progress 阅读全文
posted @ 2018-03-14 06:36 大姐姐小姐姐
Tag 标签
摘要：用于标记和选择。 基础用法 由type属性来选择tag的类型，也可以通过color属性来自定义背景色。 1 <el-tag>标签一</el-tag> 2 <el-tag type="success">标签二</el-tag> 3 <el-tag type="info">标签三</el-tag> 4 阅读全文
posted @ 2018-03-14 06:34 大姐姐小姐姐
Table 表格
摘要：用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。 基础表格 基础的表格展示用法。 当el-table元素中注入data对象数组后，在el-table-column中用prop属性来对应对象中的键名即可填入数据，用label属性来定义表格的列名。可以使用width属性来定义列 阅读全文
posted @ 2018-03-13 07:30 大姐姐小姐姐