vue-selects

grid component used for pc

Show my face

Installation

# install grid component
npm install vue-selects --save

Build Setup

# install dependencies
npm install

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

# build for production with minification
npm run build

DEMO

<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

• 基本功能实现