1、品牌静态管理组件
- 表单

- 分页器

2、品牌列表展示
- 创建相关接口文件

- 获取品牌管理数据的模块

- 统一接口管理

- 在main.js中引入,之后在任意组件中就可以使用了

- 发请求,获取品牌列表的接口

- 展示数据



@current-change="handlecurrentchange currentPage改变时会触发

该方法有正常写法和优化写法
正常写法如下

优化写法
方法处直接调用getPageList()接口
如: @current-change=“getPageList”
pager:为传入的页码,如果没传,说明就是第一页



- 结果展示

3、修改品牌和添加品牌静态组件
- 添加静态组件



- 修改静态组件


- 上传


上传的相关回调:

4、添加品牌
- 相关接口

- 收集品牌的信息


action:设置图片上传的地址






5、修改品牌
要进行浅拷贝,双向绑定,直接赋值相当于表格内的数据同时也会被修改

row的信息



6、表单验证



- 自定义验证规则




7、删除品牌
- 删除品牌的事件


- 相关接口


















