Vue里用distpicker插件，如何实现省市级下拉框三级联动问法？

本文共计874个文字，预计阅读时间需要4分钟。

目录+前言+安装distpicker+引用并注册distpicker+使用distpicker+移动端适配+美化样式+取值+总结+前言+最近几天做项目，想用一个全国省市区的插件，之前知道几种，比如通过JSON文件生成“

目录

• 前言
• 安装distpicker
• 引用并注册distpicker
• 使用distpicker
• 移动端适配
• 美化样式
• 取值
• 总结

前言

这几天做项目，想着用一个全国省市区插件，之前就知道有几种，比如通过JSON文件生成对应的区域下拉框，element-china-are插件，包括distpicker插件

今天主要介绍的是如何使用distpicker插件实现省市级三联跳动

官网：distpicker官网

ps：不知为何，我一直进不去

安装distpicker

如果是使用npm，直接以下执行命令即可

npm install v-distpicker --save

如果是yarn，可以使用下面的命令执行：

yarn add v-distpicker --save

我这里选择的是npm

这个包很小，网络顺畅的情况下10s内就完事了。