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

Performance