elementui 自定义表格

步骤一:使用ui库怎么渲染页面

//lable 表头名称
//接口渲染数据的时候 要用 slot-scope="scope" 
// scope.row是什么意思嘛?代表是当前行数据
                
//拿到数据后渲染到页面 scope.row.需要的接口字段
//就完成了渲染
<el-table :data="tableData" style="width: 100%">
                    <el-table-column label="角色名称">

                        <template slot-scope="scope">
                            <span>{{ scope.row.rolename }}</span>
                        </template>

                    </el-table-column>
</el-table>