v-distpicker地区选择器组件使用实例详解

import VDistpicker from 'v-distpicker'
Vue.component('v-distpicker',VDistpicker)

import VDistpicker from 'v-distpicker'
export default {
  components: { VDistpicker }
}

<template>
  <div>
    <v-distpicker       
                        :province="form.province" 
                        :city="form.city" 
                        :area="form.area"
                        @province="vDistpickerHandle($event,'province')"
                        @city="vDistpickerHandle($event,'city')"
                        @area="vDistpickerHandle($event,'area')"
                        ></v-distpicker>
	</div>
</template>
<script>
// 引入地区选择
import VDistpicker from 'v-distpicker'
export default {
components: { VDistpicker },
  data(){
    return{
      form: {
        province: '',
        city: '',
        area: ''
      },
    }
  },
  methods:{
    vDistpickerHandle(event,value){
      console.log(event);
      console.log(event.value);
      this.form[value]=event.value
    },
  }
}
</script>