# vir-list-v3

> the selector of virtual dom for big data

Latest version **1.0.2** (published 2022-05-03) · ISC license · 0 weekly downloads

## Install

```sh
npm install vir-list-v3
pnpm add vir-list-v3
yarn add vir-list-v3
bun add vir-list-v3
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.2 |
| Published | 2022-05-03 |
| First published | 2022-05-03 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 22.1 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 1 |
| Author | whatproblem |
| Maintainers | whatproblem |
| Keywords | vue3, select, virtual, dom, big, data |

## Links

- npm: https://www.npmjs.com/package/vir-list-v3
- Repository: https://github.com/WhatProblem/vue-plugin-lib-v3
- Homepage: https://github.com/WhatProblem/vue-plugin-lib-v3#readme
- Issues: https://github.com/WhatProblem/vue-plugin-lib-v3/issues
- npm.io page: https://npm.io/package/vir-list-v3

## Alternatives

- [babylon](https://npm.io/package/babylon.md) — 5.1M weekly downloads
- [csscolorparser](https://npm.io/package/csscolorparser.md) — 3.7M weekly downloads
- [expr-eval-fork](https://npm.io/package/expr-eval-fork.md) — 1.5M weekly downloads
- [@leeoniya/ufuzzy](https://npm.io/package/@leeoniya/ufuzzy.md) — 247.7K weekly downloads
- [xml-parser](https://npm.io/package/xml-parser.md) — 78.4K weekly downloads

## Recent versions

- 1.0.2 (latest) — 2022-05-03
- 1.0.1 — 2022-05-03
- 1.0.0 — 2022-05-03

## README

### vue3 插件 vir-list-v3

#### 插件的安装

```bash
npm i vir-list-v3
```

#### 引入插件

```bash
import virListV3Plugin from 'vir-list-v3';
import 'vir-list-v3/index.css';

app.use(virListV3Plugin);
```

#### 基本用法

```vue
<vir-list-v3 vmodel="demo" :options="options" labelName="名称" @change="onChange" />

<vir-list-v3 vmodel="demo" :options="options" labelName="名称">
    <template #default="{item}">
        <span>{{item.label}}</span>
        <span>{{item.value}}</span>
    </template>
</vir-list-v3>

export default {
    data() {
        demo: 1,
        options: [
            { label: 'xxxx', value: 1 },
            { label: 'yyyy', value: 2 }
        ]
    }
}
```

#### API 说明

| 参数 | 说明 | 类型 | 默认值 |
| --- | :--- | :--- | :---: |
| v-model | 双向绑定变量 | 基本类型 | - |
| change  | 切换回调函数 | Function | - |
| options | 接口返回的下拉数据列表 | 对象数组 Array<Object> | [] |
| labelName | label 绑定的文案名称 | String | '' |
| labelWidth | 文案宽度(px) | String | '72' |
| labelPositon | 文案位置(text-align) | String | 'right' |
| placeholder | placeholder | String | '请选择内容' |
| headerHeight | 选择框高度(px) | String | '30' |
| lineHeight | line-height | String | '30' |
| showNum | 下拉框显示的条数 | Number | 10 |

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