Vue练习3:组件开发3(页面切换)

预览

———————————————————————————————————————————

组件文档

Pager组件

 

属性

属性名 含义 类型 必填 默认值
current 当前页码(总数据量/单页容量) Number 1
total 总数据量 Number 0
limit 单页容量 Number 10
visibleNumber 可见页码数 Number 10

事件

事件名 含义 事件参数 参数类型
pageChange($event) 页码变化event为当前页码 新的页码 Number

功能

        首页跳转,单页跳转,末页跳转

        每次必显示可见页码数

        组件第一层未设置样式(pager-container)

———————————————————————————————————————————

注释代码





———————————————————————————————————————————

可编译代码





———————————————————————————————————————————

感谢@初琰丶提供的封面

你可能感兴趣的:(Vue练习,vue.js,前端,javascript)