为展示分页功能,配合element-ui的表格组件同时使用,最终的效果如图:
1.在Element-UI官网上查找相应组件
2.将相应代码放到项目的分页文件中,并作相应的整理
表格代码及注释:
分页组件代码及注释:
js部分代码及注释:
根据表格格式,list数组的格式是这样的:
这里list的数据写死了,在实际开发中,list数据应该通过接口获取。可给list写一个获取数据的方法,注意方法实现的生命周期应该在created。
具体实现demo:vue-test
为展示分页功能,配合element-ui的表格组件同时使用,最终的效果如图:
1.在Element-UI官网上查找相应组件
2.将相应代码放到项目的分页文件中,并作相应的整理
表格代码及注释:
分页组件代码及注释:
js部分代码及注释:
根据表格格式,list数组的格式是这样的:
这里list的数据写死了,在实际开发中,list数据应该通过接口获取。可给list写一个获取数据的方法,注意方法实现的生命周期应该在created。
具体实现demo:vue-test