v-distpicker

v-distpicker 介绍

1.下载

npm install v-distpicker --save

Or

yarn add v-distpicker --save

2：使用与引入

在main.js中注册全局组件import distpicker from 'v-distpicker'

vue.component('v-distpicker',distpicker)

在.vue文件中使用组件（你需要用到三级联动的.vue页面的js里）

import Vdistpicker from 'v-distpicker'

export default {

components: { Vdistpicker }

}

如何使用组件<v-distpicker></v-distpicker>（在该.vue文件的html部分写）

<template>

<div>

<v-distpicker province="广东省" city="广州市" area="海珠区"></v-distpicker>

</div>

</template>

移动端Mobile

<v-distpicker type="mobile"></v-distpicker>

3.如何获取他们的数据

给html部分一个点击事件<v-distpicker @selected='selected'></v-distpicker>

在vue配置方法里边用点击事件获取data:

selected(data){

this.province = data.province.value

this.city = data.city.value

}

网站地址:https://distpicker.pigjian.com/

GitHub:https://github.com/jcc/v-distpicker

网站描述:一个灵活的，高可用的 vue 省市区选择插件

v-distpicker

官方网站：https://distpicker.pigjian.com/