资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

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

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

创新互联公司是一家专注于网站建设、成都网站设计与策划设计,江城网站建设哪家好?创新互联公司做网站,专注于网站建设十年,网设计领域的专业建站公司;建站业务涵盖:江城等地区。江城做网站价格咨询:18980820575

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

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