zm-view v0.0.3

Install zmView

using npm

npm install zmView --save

Or using script tag for global use

<script type="text/javascript" src="zmView.min.js"></script>

Usage

<template>
    <Page :pageCount="pageCount"  :currentPage="currentPage" v-on:change="pagingChanged"></Page>
</template>
<script>
    export default {
      data() {
        return {
          pageCount: 10,
          currentPage: 1
        }
      },
      methods: {
        pagingChanged(page) {
          page = page < 1 ? 1 : page
          this.currentPage = page
          this.reloadList()
        },
        reloadList() {
          console.log("data init")
        }
      },
    }
</script>

Use css

import 'zmView/dist/styles/zmView.css';

Browser Support

Normal browsers and Internet Explorer 11+.