VUE-地区选择器(V-Distpicker)组件使用
安装,引用,这些直接从官网拷贝来的,就不多说了。1、安装使用 npm 安装:npm install v-distpicker --save使用 yarn 安装yarn add v-distpicker --save2、使用注册组件注册全局组件import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistp...
·
安装,引用,这些直接从官网拷贝来的,就不多说了。
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 }
}
简单使用
基础
<v-distpicker></v-distpicker>
默认值
<v-distpicker province="广东省" city="广州市" area="海珠区"></v-distpicker>
移动端
<v-distpicker type="mobile"></v-distpicker>
3、下面是重点
获取选择的值
<template>
<button @click="choose">点我选择区域</button>
<div class="divwrap" v-if="show">
<v-distpicker type="mobile" @province="onChangeProvince" @city="onChangeCity" @area="onChangeArea"></v-distpicker>
</div>
</template>
在你引用 v-distpicker 的父组件里面定义几个方法来获取选择的值。
<script>
更多推荐
已为社区贡献3条内容
所有评论(0)