el-pagination使用

<ul>
　　<li class="item" v-for="(item,index) in pageLists" :key="index">
</ul>

<el-pagination
       @current-change="handleCurrentChange"
       :current-page="currentPage"
       :page-size="6"
       layout="total, prev, pager, next"
       :total="listsDataNumber"
></el-pagination>

export default{
        data(){
            return{
                total: ‘0‘,
                currentPage: 1,
                listsDataNumber: ‘‘,
                pageLists: ‘‘
            }
        },
        props: {
            lists: Array,
        },
        methods: {
            handleCurrentChange(val) {
                this.pageLists = this.lists.slice((val-1)*6,val*6)
            },
            initPageLists(){
                this.pageLists = this.lists.slice(0,6)
            }
        },
        watch: {
            "lists": function (lists) {
                this.listsDataNumber = lists.length
                this.initPageLists()
            },
        }
    }