z-page-nav v1.0.1

Install

npm install --save z-page-nav

Useage

use in the vue component

<template>
    <div id="app">
        <z-page-nav @pagechange="pagechange" :total="total"></z-page-nav>
    </div>
</template>

<script>
    import ZPageNav from 'z-page-nav'
    export default {
        name: 'Test',
        components: {
            ZPageNav
        },
        data () {
            return {
                total: 0
            }
        },
        methods: {
            pagechange (i) {
                this.getList(i)
            },
            getList (i) {
                // get data list
            }
        }
    }
</script>

<style></style>

Component props

License

copyright © 2019 zhaizhaohui