# vue-selects

> a simple select component

Latest version **0.0.1** (published 2017-03-06) · 0 weekly downloads

## Install

```sh
npm install vue-selects
pnpm add vue-selects
yarn add vue-selects
bun add vue-selects
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; low quality score; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.0.1 |
| Published | 2017-03-06 |
| First published | 2017-03-06 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 4.0.0 |
| Dependencies | 2 |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 5 |
| Author | xinxingyu |
| Maintainers | xinxingyu |

## Links

- npm: https://www.npmjs.com/package/vue-selects
- Repository: https://github.com/xinxingyu/vue-selects
- Homepage: https://github.com/xinxingyu/vue-selects#readme
- Issues: https://github.com/xinxingyu/vue-selects/issues
- npm.io page: https://npm.io/package/vue-selects

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.1.10
- [vue-router](https://npm.io/package/vue-router.md) ^2.2.0

## Recent versions

- 0.0.1 (latest) — 2017-03-06

## README

# vue-selects
<p>
    <img height="18" src="https://img.shields.io/badge/vue-v2.1.10-green.svg">
    <img height="18" src="https://img.shields.io/badge/npm-v0.0.1-blue.svg">
</p>

> grid component used for pc

## Show my face
<p>
	<img width="300px" src="https://github.com/xinxingyu/vue-selects/blob/master/static/img/select.jpg">
<p>

## Installation
``` bash
# install grid component
npm install vue-selects --save
```

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build
```

## DEMO

```javascript

<template>
  <div id="app">
  	<selects
  		:selects-list="selects.selectsList"
  		:default-obj="selects.defaultObj"
  		:on-choice="choice"
  		>
  	</selects>
  </div>
</template>

<script>
import selects from 'components/'
export default {
	components: {
		selects,
	},
	data () {
		return {
			selects2: {
				selectsList: [{
					text: 'whole',
					id: '0'
				},{
					text: 'selects1',
					id: '1'
				}],
				defaultObj: {
					text: 'selects4',
					id: '1'
				}
			}
		}
	},
	methods: {
		choice(item){
			console.log(item);
		}
	}
}
</script>
```

### API
* 属性说明

|属性|说明|类型|默认值|是否必传|
|---|----|---|-----|-------|
|selects-list|data list|Function|-|否|
|default-obj|default value, it will be showed|Object|-|否|
|on-choice|the callback function, when choice one item|Function|-|否|


### 版本升级
#### 0.0.1
* 基本功能实现

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