{"id":13536157,"url":"https://github.com/matfish2/vue-pagination-2","last_synced_at":"2025-09-30T04:32:23.244Z","repository":{"id":45939401,"uuid":"66722564","full_name":"matfish2/vue-pagination-2","owner":"matfish2","description":"Vue.js 2 pagination component","archived":true,"fork":false,"pushed_at":"2021-11-26T06:55:43.000Z","size":1196,"stargazers_count":186,"open_issues_count":0,"forks_count":66,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-09-22T23:58:25.604Z","etag":null,"topics":["pagination","vue"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/vue-pagination-2","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/matfish2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-08-27T15:54:22.000Z","updated_at":"2025-07-14T17:04:38.000Z","dependencies_parsed_at":"2022-09-04T00:10:24.147Z","dependency_job_id":null,"html_url":"https://github.com/matfish2/vue-pagination-2","commit_stats":null,"previous_names":[],"tags_count":14,"template":false,"template_full_name":null,"purl":"pkg:github/matfish2/vue-pagination-2","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matfish2%2Fvue-pagination-2","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matfish2%2Fvue-pagination-2/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matfish2%2Fvue-pagination-2/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matfish2%2Fvue-pagination-2/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/matfish2","download_url":"https://codeload.github.com/matfish2/vue-pagination-2/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/matfish2%2Fvue-pagination-2/sbom","scorecard":{"id":623931,"data":{"date":"2025-08-11","repo":{"name":"github.com/matfish2/vue-pagination-2","commit":"88f44d35c04f20270dfbe80fba77839eda168c19"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.9,"checks":[{"name":"Code-Review","score":1,"reason":"Found 3/18 approved changesets -- score normalized to 1","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Pinned-Dependencies","score":-1,"reason":"no dependencies found","details":null,"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"Maintained","score":0,"reason":"project is archived","details":["Warn: Repository is archived."],"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"License","score":10,"reason":"license file detected","details":["Info: project has a license file: LICENSE:0","Info: FSF or OSI recognized license: MIT License: LICENSE:0"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 15 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"50 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-6chw-6frg-f759","Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-x9w5-v3q2-3rhw","Warn: Project is vulnerable to: GHSA-c6rq-rjc2-86v2","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-434g-2637-qmqr","Warn: Project is vulnerable to: GHSA-49q7-c7j4-3p7m","Warn: Project is vulnerable to: GHSA-977x-g7h5-7qgw","Warn: Project is vulnerable to: GHSA-f7q4-pwc6-w24p","Warn: Project is vulnerable to: GHSA-fc9h-whq2-v747","Warn: Project is vulnerable to: GHSA-vjh7-7g9h-fjfh","Warn: Project is vulnerable to: GHSA-8r6j-v8pm-fqw3","Warn: Project is vulnerable to: MAL-2023-462","Warn: Project is vulnerable to: GHSA-vvj3-85vf-fgmw","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-6c8f-qphg-qjgp","Warn: Project is vulnerable to: GHSA-76p3-8jx3-jpfq","Warn: Project is vulnerable to: GHSA-3rfm-jhwj-7488","Warn: Project is vulnerable to: GHSA-hhq3-ff78-jv3g","Warn: Project is vulnerable to: GHSA-4xcv-9jjx-gfj3","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-fhjf-83wg-r2j9","Warn: Project is vulnerable to: GHSA-h7cp-r72f-jxh6","Warn: Project is vulnerable to: GHSA-v62p-rq8g-8h59","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-h9rv-jmmf-4pgx","Warn: Project is vulnerable to: GHSA-hxcc-f52p-wc94","Warn: Project is vulnerable to: GHSA-4g88-fppr-53pp","Warn: Project is vulnerable to: GHSA-4jqc-8m5r-9rpr","Warn: Project is vulnerable to: GHSA-vx3p-948g-6vhq","Warn: Project is vulnerable to: GHSA-j44m-qm6p-hp7m","Warn: Project is vulnerable to: GHSA-3jfq-g458-7qm9","Warn: Project is vulnerable to: GHSA-r628-mhmh-qjhw","Warn: Project is vulnerable to: GHSA-9r2w-394v-53qc","Warn: Project is vulnerable to: GHSA-5955-9wpr-37jh","Warn: Project is vulnerable to: GHSA-qq89-hq3f-393p","Warn: Project is vulnerable to: GHSA-f5x3-32g6-xq36","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-5j4c-8p2g-v4jx","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp","Warn: Project is vulnerable to: GHSA-4wf5-vphf-c2xc","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-21T05:54:17.046Z","repository_id":45939401,"created_at":"2025-08-21T05:54:17.046Z","updated_at":"2025-08-21T05:54:17.046Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":277458662,"owners_count":25821319,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-09-29T02:00:09.175Z","response_time":84,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["pagination","vue"],"created_at":"2024-08-01T09:00:35.316Z","updated_at":"2025-09-30T04:32:22.881Z","avatar_url":"https://github.com/matfish2.png","language":"JavaScript","funding_links":[],"categories":["实用库","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","UI实用程序","Components \u0026 Libraries","UI Utilities","Awesome Vue.js","UI Utilities [🔝](#readme)"],"sub_categories":["Libraries \u0026 Plugins","分页","UI Utilities","Pagination"],"readme":"# Vue Pagination 2\n\nUsing Vue 3? Check out the [new component](https://www.npmjs.com/package/v-pagination-3)\n\n-------\n\n[Click here](https://jsfiddle.net/matfish2/c9wp2k63) to see it in action.\n\nSimple, generic and non-intrusive pagination component for Vue.js version 2.\n\n- [Dependencies](#dependencies)\n- [Installation](#installation)\n  - [NPM](#npm)\n  - [Script tag](#script-tag)\n- [Usage](#usage)\n    - [Custom Event](#custom-event)\n    - [Programmatic Manipulation](#programmatic-manipulation)\n    - [Computed Properties](#computed-properties)\n    - [Custom Template](#custom-template)\n# Dependencies\n\n* Vue.js (\u003e=2.0.0 \u0026\u0026 \u003c3.0.0). Required.\n* CSS: Bootstrap 3 or Bootstrap 4 or Bulma.\n\n# Installation\n\n## NPM\n\n    npm install vue-pagination-2\n\nimport the script:\n\n    import Pagination from 'vue-pagination-2';\n\n## Script tag\n\nGrab the minified version under `dist/vue-pagination-2.min.js`. \nIt will export a global `Pagination` variable. \n\n# Usage\n\n### Register the component globally or locally:\n\n```js\nVue.component('pagination', Pagination);\n```\n\nOR\n\n```js\n...\ncomponents: {\n  Pagination\n}\n...\n```\n\nHTML/JS:\n```js\n{\n    data() {\n       return {\n           page: 1\n       }    \n    }\n}\n```\n\n```vue\n\u003cpagination v-model=\"page\" :records=\"500\" @paginate=\"myCallback\"/\u003e\n```\nprops:\n\n* `records` `number` `required` number of records\n* `per-page` `number` `optional` records per page. Default: `25`\n* `v-model` `number` `required` Reference to the current page. Can be updated via the UI or programmatically\n* `options` `object` `optional`:\n  * `chunk` `number` max pages per chunk. Default: `10`\n  * `chunksNavigation` `string` Which method to use when navigating outside chunks boundries. Default: `fixed`. Options are:  \n    * `scroll` - the range of pages presented will incrementally change when navigating to a page outside the chunk (e.g 1-10 will become 2-11 once the user presses the next arrow to move to page 11). \n    * `fixed` - navigation will occur between fixed chunks (e.g 1-10, 11-20, 21-30 etc.). Double arrows will be added to allow navigation to the beginning of the previous or next chunk. \n  * `theme` `string` CSS theme used for styling. Supported: `bootstrap3`, `bootstrap4`,`bulma`. Default: `bootstrap3`.\n  * `format` `boolean` Format numbers using a separating comma. Default: `true`\n  * `edgeNavigation` Show links to first and last pages. Default: `false`\n  * `template` Pass your own [custom template](#custom-template)\n  * `texts` `object` `optional` \n    * `count` total records text. It can consist of up to 3 parts, divided by `|`.\n      * First part: used when there are multiple pages\n      * Second part: used when there is only one page\n      * Third part: used when there is only one record.\n    \n      Default: `Showing {from} to {to} of {count} records|{count} records|One record`\n    \n    * `first` First page text. Default: `First`\n    * `last` last page text. Default: `Last` \n     \n  Note: if you want to display the page number rather than the records range, use `{page}` and `{pages}` as a placeholders. \n  E.g: `Showing page {page} out of {pages}`\n\n## Custom Event\n\nThe model you bound to the component will be automatically updated. \nIn addition, when a page is selected a custom `paginate` event will be dispatched.\nListen to it on the component and run your callback\n\n## Programmatic Manipulation\n\nThe simplest way to programmatically manipulate the page is to directly update your bound model.\n\nIn addition to that you can call the following methods using a `ref` on you component:\n\n* `setPage(page)`\n* `next()`\n* `prev()`\n* `nextChunk()`\n* `prevChunk()`\n\nAll methods return `true` if the page is legal and was thus set, or `false` otherwise.\n\n## Computed Properties\n\n* `totalPages`\n* `totalChunks`\n* `currentChunk`\n\n## Custom Template\n\nYou can easily build your own template by copying `src/Pagination.vue` to your project as a starting point and modifying the contents to your needs. \nThen notify the component of your custom template by passing it to the `template` option.\n\n```js\nimport MyPagination from './MyPagination'\n...\n{\n    options: {\n        template: MyPagination    \n    }   \n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatfish2%2Fvue-pagination-2","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmatfish2%2Fvue-pagination-2","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmatfish2%2Fvue-pagination-2/lists"}