elementUI中分页器的使用

1.background:为分页按钮添加背景色  

2. current-page:为当前页

3.page-sizes:控制每页可以显示多少条数据,

4.page-size:每页的条数,对应上面 page-sizes 里面的条数

5.layout:total共多少条、sizes:控制每页显示数据、prev上一页、pager页码、next下一页、jumper跳转  的显示

6.total:总共多少条

7.size-change:每页显示条数改变时处理函数

8.current-change:当前页显示条数改变时处理函数

    
    
      
         
      
    
methods: {
    // 每页展示条数
    handleSizeChange(val) {
      this.pageSize = val
      // 再次请求数据
      this.getGoodsList()
    },
    // 当前页改变,处理函数
    handleCurrentChange(newPage) {
      this.currentPage = newPage
      // 再次请求数据
      this.getGoodsList()
    },
  },

你可能感兴趣的:(Vue,elementui,vue.js,javascript)