3.0.0 • Published 8 months ago
v-page v3.0.0
v-page ·
A simple pagination bar for vue3, including size Menu, i18n support features
If you are using vue 2.x
version, please use v-page 2.x version instead
Examples and Documentation
Documentation and examples and please visit below sites
Installation
# npm
npm i v-page
# yarn
yarn add v-page
# pnpm
pnpm add v-page
Include and install plugin in your main.js
file
import { createApp } from 'vue'
import App from './app.vue'
import { PaginationBar } from 'v-page'
const app = createApp(App)
// install component globally
app.use(PaginationBar, {
// globally config options
})
app.mount('#app')
You can also use v-page
as a locally component
<template>
<PaginationBar />
</template>
<script setup>
import { PaginationBar } from 'v-page'
</script>
Usage
<template>
<PaginationBar
v-model="pageNumber"
:total-row="totalRow"
@change="paginationChange"
/>
</template>
<script setup>
import { ref } from 'vue'
import { PaginationBar } from 'v-page'
// set default page to 3
const pageNumber = ref(3)
const totalRow = ref(100)
// respond for pagination change
function paginationChange (data) {
console.log(data) // { pageNumber: 1, pageSize: 10 }
}
</script>
3.0.0-beta.3
8 months ago
3.0.0-beta.4
8 months ago
3.0.0
8 months ago
3.0.0-beta.2
1 year ago
3.0.0-beta.1
2 years ago
2.1.0
2 years ago
2.0.10
2 years ago
2.0.9
4 years ago
2.0.8
5 years ago
2.0.7
5 years ago
2.0.6
5 years ago
2.0.5
5 years ago
2.0.4
5 years ago
2.0.3
5 years ago
2.0.2
5 years ago
2.0.1
6 years ago
2.0.0
6 years ago
1.6.0
6 years ago
1.5.0
6 years ago
1.4.0
6 years ago
1.3.0
6 years ago
1.2.0
6 years ago
1.1.0
6 years ago
1.0.0
6 years ago