# select-paging

> A Vue.js project

Latest version **1.0.1** (published 2022-03-18) · MIT license · 0 weekly downloads

## Install

```sh
npm install select-paging
pnpm add select-paging
yarn add select-paging
bun add select-paging
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; large bundle.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.1 |
| Published | 2022-03-18 |
| First published | 2022-03-18 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 13.8 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | 蔡依婷 |
| Maintainers | cytnpm |

## Links

- npm: https://www.npmjs.com/package/select-paging
- npm.io page: https://npm.io/package/select-paging

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.11
- [ant-design-vue](https://npm.io/package/ant-design-vue.md) ^1.7.8

## Recent versions

- 1.0.1 (latest) — 2022-03-18
- 1.0.0 — 2022-03-18

## README

# select-paging

> 基于 ant dasign for Vue 实现的分页选择器

支持分页，自定义指定渲染数据的 key, value

# 安装

```javascript
  npm i select-paging --save-dev
```

# 使用方式

```html
<template>
  <Selector
    ref="SelectorCom"
    :width="width"
    :list="list"
    :total="total"
    :pageNum="pageNum"
    :pageSize="pageSize"
    @changePage="changePage"
    @changeValue="changeValue"
    @searchValue="searchValue"
  ></Selector>
</template>
<script>
  import selectPaging from "select-paging";
  export default {
    name: "app",
    data() {
      return {
        list: [],
        pageNum: 1,
        pageSize: 10
      };
    },
    components: {
      selectPaging
    }
  };
</script>
```

# 全局方法

| 方法        | 参数      | 描述             |
| ----------- | --------- | ---------------- |
| clearValue  | 无        | 清空文本框 value |
| changeValue | value     | 选择用户时触发   |
| searchValue | value     | 文本框搜索时触发 |
| blurValue   | 无，value | 选择焦点时触发   |

# 参数配置

width：组件宽度

list：选择器数据源

total：数据总数

pageNum：当前页码

pageSize：每页数据量

keyName：每条数据的 key 变量

valueName：每条数据的 value 变量

labelName：没条数据的 label 变量

placeholder：属性提供可描述输入字段预期值的提示信息

---
_Source: https://npm.io/package/select-paging · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._