vue三级联动(省市区)插件v-distpicker
项目中很多地方需要实现三级联动的效果,介绍 一个简单好用的插件 v-distpicker
步骤如下:
1.下载
npm install v-distpicker --save
2.在main.js中引入注册
import VDistpicker from 'v-distpicker'
Vue.component('v-distpicker', VDistpicker)
3.在当前组件中引入
<template>
<v-distpicker></v-distpicker>
<template>
<script>
import VDistpicker from 'v-distpicker'
export default {
components: { VDistpicker }
}
</script>
效果如下:
4.另一种样式
<template>
<v-distpicker type="mobile"></v-distpicker>
<template>
还有其他样式可参考官网,文档简单易懂,方便使用
v-distpicker官方文档
但是该插件中的省市区是固定的,不能使用自己的接口城市,如何使用自己的接口城市实现以上效果请期待我的下一篇博客~