后台管理系统-品牌静态管理组件

动态的业务逻辑之后做

tradeMark

1.添加按钮

<el-button type="primary" icon="el-icon-plus" style="margin:10px 0px">添加</el-button>

2.表单组件

访问组件库elementUI:Element - The world's most popular Vue UI framework

https://element.eleme.cn/#/zh-CN

找到table表格

默认情况下，Table 组件是不具有竖直方向的边框的，如果需要，可以使用border属性，它接受一个Boolean，设置为true即可启用。

data:表格组件将来需要展示的数据----数组类型

border:给表格添加边框

column属性

label：显示标题

width：对应列的宽度

align:标题的对齐方式

有几列将column复制几次

 <el-table    border=“true” style="width: 100%">
                <el-table-column prop="prop" label="序号" width="80px" align="center">
                </el-table-column>
                <el-table-column prop="prop" label="品牌名称" width="width">
                </el-table-column>
                <el-table-column prop="prop" label="品牌LOGO" width="width"  >
                </el-table-column>
                <el-table-column prop="prop" label="操作" width="width"  >
                </el-table-column>
            </el-table>