关于VUE-地区选择器(V-Distpicker)组件的使用介绍

林译川

2026-09-18 • 👁 0人浏览过

这篇文章主要介绍了详解 vue -地区选择器(v-distpicker)组件使用心得，内容挺不错的，现在分享给大家，也给大家做个参考。废话不多说，直接进入正题。安装，引用，这些直接从官网拷贝来的，就不多说了。 1、安装使用 npm 安装：立即学习 “ 前端免费学习笔记（深入） ”；

npm install v-distpicker --save

Vue-router参考手册 Vue-router参考手册下载下载使用 yarn 安装

yarn add v-distpicker --save

2、使用注册组件注册全局组件

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

注册组件

import VDistpicker from 'v-distpicker'
export default {
 components: { VDistpicker }
}

简单使用基础

默认值

移动端

3、下面是重点获取选择的值

在你引用 v-distpicker 的父组件里面定义几个方法来获取选择的值。