省市区选择的三级联动插件的使用

注意：该方法只能用在vue的脚手架项目中,如果该项目是有npm安装，建议使用npm方式安装

安装

npm安装

npm install v-distpicker --save

yarn安装

yarn add v-distpicker --save

注册

main.js注册全局组件

import VDistpicker from 'v-distpicker'

Vue.component('v-distpicker', VDistpicker);

在使用的vue组件里注册

import VDistpicker from 'v-distpicker'

export default {

 components: { VDistpicker }

}

使用

基础使用

带默认值的用法

移动端的用法

具体用法

html代码

vue代码

对应的css样式

最终的效果图