v-distpicker 介绍
1.下载
npm install v-distpicker --save
Or
yarn add v-distpicker --save
2:使用与引入
在main.js中注册全局组件import Distpicker from 'v-distpicker'vue.component('v-distpicker',Distpicker)
在.vue文件中使用组件(你需要用到三级联动的.vue页面的js里)
import VDistpicker from 'v-distpicker'
export default {
components: { VDistpicker }
}
如何使用组件<v-distpicker></v-distpicker>(在该.vue文件的html部分写)
<template>
<div>
<v-distpicker province="广东省" city="广州市" area="海珠区"></v-distpicker>
</div>
</template>
移动端Mobile
<v-distpicker type="mobile"></v-distpicker>
3.如何获取他们的数据
给html部分一个点击事件<v-distpicker @selected='selected'></v-distpicker>
在vue配置方法里边用点击事件获取data:
selected(data){
this.province = data.province.value
this.city = data.city.value
}
网站地址:https://distpicker.pigjian.com/
GitHub:https://github.com/jcc/v-distpicker
网站描述:一个灵活的,高可用的 vue 省市区选择插件
v-distpicker
官方网站:https://distpicker.pigjian.com/
小编说
以上是编程之家为你收集整理的v-distpicker全部内容。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。