element-ui里的table运用

data是数据获取源
prop是根据后端返回数据给你提供的名字
lable属性来定义表格的列名

<el-table :data="userList" border stripe>
        <el-table-column type="index" label="序号"></el-table-column>
        <el-table-column prop="username" label="姓名"></el-table-column>
        <el-table-column prop="email" label="邮箱"></el-table-column>
        <el-table-column prop="mobile" label="电话"></el-table-column>
        <el-table-column prop="role_name" label="角色"></el-table-column>
        <el-table-column prop="state" label="状态"></el-table-column>
        <el-table-column prop="address" label="操作">
          <a href="javascript">修改</a>
          <a href="javascript">禁用</a>
          <a href="javascript">删除</a>
        </el-table-column>
  </el-table>




<script>
    export default {
      data() {
        return {
          tableData: []
        }
      }
    }
  </script>