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

• 基本功能实现