elementui分页组件的样式_element-ui封装分页组件

@size-change="handleSizeChange"

@current-change="handleCurrentChange"

:page-sizes="[5, 10, 20, 30, 40, 50, 60, 80, 100]"

layout="total, sizes, prev, pager, next, jumper"

:current-page.sync="currentPage"

:page-size="limit"

:total="total"

:small="small">

export default {

name: "pagination",

data() {

return {

currentPage: 1

}

},

props: {

//总条数

'total': {

required: false,

default: 0

},

// 没页显示多少数据

'limit': {

required: false,

default: 10

},

//是否使用小型分页样式

'small': {