Vue-custom-pages

Настраиваемые страницы на основе Vue 2.0

Эффект:

Поддерживаемые функции:

• настройка количества страниц;
• переход на определённую страницу.

Контакты:

• WeChat: 18888320271.

Быстрый старт

1. Установите пакет с помощью команды npm i --save vue-custom-pages.
2. В файле main.js импортируйте пакет командой:

   import customPages from 'vue-custom-pages';
   Vue.use(customPages)
3. Используйте пакет в коде:

   <template>
      <div id="app">
         <vue-custom-pages :total="1000" active-color="red" page-size="20" show-count v-model="page" @change="search"          show-elevator :size='[10,20,30,40]'   ></vue-custom-pages>
     </div>
   </template>
   
   <script>
   export default {
      name: 'app',
      methods:{
         search(page,pageSzie){
            console.log("Текущая страница:",page)
            console.log("Размер текущей страницы:",pageSzie)
         }
      },
      data () {
         return {
            page:1
         }
      }
   }
   </script>

Описание параметров