好资源导航 » 文章资讯 » 详解VUE-地区选择器(V-Distpicker)组件使用心得

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

2023-09-13 04:47:05 75

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

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

1、安装

使用npm安装：

npminstallv-distpicker--save

使用yarn安装

yarnaddv-distpicker--save

2、使用

注册组件

注册全局组件

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

注册组件

importVDistpickerfrom'v-distpicker'
exportdefault{
components:{VDistpicker}
}

简单使用

基础

默认值

移动端

3、下面是重点

获取选择的值

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