Vigour

# Cascader

import { cascader } from 'vigour';
// cascader.name === 'vigour-cascader'

# Example

# Get Static Data

<vigour-cascader
  placeholder="选择地点"
  v-model="selected"
  :options="options"
>
</vigour-cascader>

export default {
  data() {
    return {
      options: [{ label: '广东', children: [{ label: '广州', children: [{ label: '白云' }, { label: '荔湾' }] }, { label: '云浮', children: [{ label: '新兴' }] }] }, { label: '广西', children: [{ label: '南宁', children: [{ label: '江南' }] }, { label: '梧州' }] }],
      selected: [],
    }
  },
}

# Get Async Data

<vigour-cascader
  placeholder="选择地点"
  v-model="selected"
  :options.sync="options"
  :lazyload="lazyload"
>
</vigour-cascader>

export default {
  async mounted() {
    this.options = await fetchData('0');
  },
  data() {
    return {
      options: [],
      selected: [],
    }
  },
  methods: {
    async lazyload(id, callback) {
      const children = await fetchData(id);
      callback(children);
    },
  }
}

# Props

prop type default value available value
options array - -
value array - -
lazyload function - -

← Dropdown 下拉框 →