V - Distpicker实现省市区级联select

Alive_tree

于 2020-11-30 16:29:07 发布

阅读量347

点赞数

分类专栏： Vue

本文链接：https://blog.youkuaiyun.com/Alive_tree/article/details/110391298

版权

Vue 专栏收录该内容

24 篇文章

订阅专栏

本文分享了如何通过V-Distpicker插件在Vue项目中快速实现省市区三级联动选择器，步骤包括下载插件、引入数据和模板使用。适合初学者参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天实现了省市区三级联动select，网上有很多乱糟糟的教程，其实很简单，这里做一下简单记录

1、下载V-Distpicker 插件

npm install v-distpicker --save

yarn add v-distpicker --save

2、引入数据

import VDistpicker from 'v-distpicker'

3、在vue页面中使用

<template>
  <v-distpicker type="mobile" province="河南省" city="洛阳市" area="洛龙区"></v-distpicker>
<template>

<script>
import VDistpicker from 'v-distpicker'

export default {
  components: { VDistpicker },
}
</script>