一.Table表格
<template>
<!-- :data : 显示的集合数据
width:表格宽度
border : 是否带有纵向边框
-->
<el-table :data="list" style="width: 100%">
<!--
prop : 集合中对象的字段名
label: 标题名称
width : 单元格宽度
-->
<el-table-column prop="ID" label="ID" > </el-table-column>
<el-table-column prop="username" label="姓名" width="180"> </el-table-column>
<el-table-column prop="age" label="年龄"> </el-table-column>
<el-table-column label="操作" fixed="right" width="130px">
<!--
slot-scope: 通过scope.row 可以获取到改行的对象
-->
<template slot-scope="scope">
<!-- 编辑按钮 -->
<!--
effect:默认提供的主题,默认是dark
conte