1.0.2 • Published 6 years ago
select-container v1.0.2
A cascaded or non cascade selection or picker container with Vue.js, which does not support PC.
Install
$ npm install select-container --save
How to use
<template>
<select-container
v-if="showSelect"
:cascadeData="cascadeData"
:selected="selected"
@selectCallback="handleSelect"
@confirmSelect="confirmSelect"
@cancelSelect="cancelSelect">
</select-container>
</template>
<script>
import SelectContainer from 'select-container'
export default {
data () {
return {
// Two-dimensional array
// [ [{name: '北京', code: '010'}], ... ]
cascadeData: [],
// [{name: '北京', code: '010'}, ...]
selected: []
}
},
components: {
SelectContainer
}
}
</script>
Props and methods
name | description |
---|---|
cascadeData | [ {name: '北京', code: 1} , ... ] |
selected | the same |
selectCallback | triggered callback function |
confirmSelect | receive one parameter |
cancelSelect | close select |