我要评论<template>
<el-pagination @size-change="handlesizechange" @current-change="handlecurrentchange" :page-sizes="[10, 20, 30, 40]" :page-size="pagesize" layout="total, sizes, prev, pager, next, jumper" :total="total" style="float:right;">
</el-pagination>
</template>
<script type="text/ecmascript-6">
export default {
components: {
},
data() {
return {
}
},
props: {
pagesize: {
type: number,
default: 10
},
total: {
type: number,
default: 1
}
},
watch: {
},
methods: {
//每页展示条数
handlesizechange(val) {
//事件传递
this.$emit('handlesizechangesub', val);
},
//当前页
handlecurrentchange(val) {
//事件传递
this.$emit('handlecurrentchangesub', val);
}
},
// 过滤器设计目的就是用于简单的文本转换
filters: {},
// 若要实现更复杂的数据变换，你应该使用计算属性
computed: {
},
created() {
},
mounted() {},
destroyed() {}
}
</script>
<style lang="scss" type="text/css" scoped>
</style>
调用
// 分页
import pages from 'components/common/pages/pages'
components: {
pages
},
<pages :total="total" :page-size="pagesize" @handlesizechangesub="handlesizechangefun" @handlecurrentchangesub="handlecurrentchangefun"></pages>
handlesizechangefun(v) {
this.pagesize = v;
this._enterpriselist(); //更新列表
},
handlecurrentchangefun(v) { //页面点击
this.pagenum = v; //当前页
this._enterpriselist(); //更新列表
}
如对本文有疑问， 点击进行留言回复！！
Android 入门第七讲01-数据存储（数据存储概述，文件存储（raw和asserts目录读写，data/data/包名目录读写，sdcard目录读写），SharedPreferences读写）
vue-axios系列:axios拦截器，配置请求头，配置请求参数
Vuejs 针对 安卓低版本 、ios9.x 不兼容 ES6语法导致失效解决方法
网友评论