之前一直接触都是原始的前端模型,jquery+bootstrap,冗杂的dom操作,繁琐的更新绑定。接触vue后,对前端MVVM框架有了全新的认识。本文是基于webpack+vue构建,由于之前的工作主要是基于java的服务端开发工作,对前端框架和组件的理解,不够深入,借此来记录在前端框架使用和构建中的点点滴滴。
此分页组件参照于bootstrap-datatable底部分页开发完成,相关参数增加自定义功能。
底部分页组件主要由左侧当前数据项数量显示和右侧分页页码两部分组成。组件代码如下:
记录/页,显示第 {{start}} 至 {{end}} 项记录,共 {{totalSize}} 项