一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > 网页制作 > js教程

推荐专题

最新下载

热门教程

详解VUE-地区选择器(V-Distpicker)组件使用心得

时间：2022-06-25 16:07:37 编辑：袖梨 来源：一聚教程网

废话不多说，直接进入正题。

安装，引用，这些直接从官网拷贝来的，就不多说了。

1、安装

使用 npm 安装： 

npm install v-distpicker --save

使用 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 的父组件里面定义几个方法来获取选择的值。