vue - Distpicker 地区选择器

vue - Distpicker 地区选择器安装使用记录

安装
npm install v-distpicker --save

使用
全局引用

import VDistpicker from 'v-distpicker'Vue.component('v-distpicker', VDistpicker)

组件中引用

import VDistpicker from 'v-distpicker'export default {components: { VDistpicker }
}

在data中初始化默认值

orderAddress: {'province': '','city': '','area': ''},

页面引用

<el-form-item label="订单地址"><v-distpicker:province="orderAddress.province":city="orderAddress.city":area="orderAddress.area"@province="onChangeProvince"@city="onChangeCity"@area="onChangeArea"@selected="onChangeSelected"></v-distpicker></el-form-item>

methods中获取值

onChangeProvince (data) {console.log('onChangeProvince')console.log(data.value)},onChangeCity (data) {console.log('onChangeCity')console.log(data.value)},onChangeArea (data) {console.log('onChangeArea')console.log(data.value)},onChangeSelected (data) {console.log('onChangeSelected')console.log(data)},

输出结果

vue - Distpicker 地区选择器相关推荐

vue 日期时间选择器_Vue日期时间选择器
vue 日期时间选择器 Vue日期时间选择器 (Vue Datetime picker) Vue Datetime picker BY Vladyslav Shchepotin. Vue日期时间选择器 ...
vue2移动端仿淘宝APP省市区街道四级地区选择器
前言 : 这个选择器的的界面有使用到vant作为样式的编写,之后有时间会写一个完全无任何依赖的出来,作为以后组件库的使用. 最近写一个商城项目时,地区选择器上设计图上是这样的总觉得好眼熟,但是又想不 ...
【vue使用城市选择器】
vue引入城市选择器省市县菜单联动第一步引入依赖第二步在main.js文件中进行挂载第三步在页面注册引用第四步定义标签使用页面展现效果添加监听事件获取数据查看获取到的数据自定义 ...
vue颜色选择器_如何制作？ Vue的颜色选择器！
vue颜色选择器 by ZAYDEK 由ZAYDEK 如何制作? Vue的颜色选择器! (How to make a ? color picker with Vue!) 注意:颜色看起来可能比实际颜色 ...
【uni-app 仿淘宝做的地区选择器】
uni-app 仿淘宝做的地区选择器(没写完,但是能用) <template><view>高级选择器<picker mode="multiSelector&qu ...
uni-app拼音首字母地区选择器
uni-app拼音首字母地区选择器样式预览 Css代码记录 js代码记录 html页面代码样式预览 Css代码记录 <style lang="scss">.Regi ...
vue+elementUI日期选择器实现选择日期，自动对应周几，并且是包含所选择日期的一周的日期
vue+elementUI日期选择器实现选择日期,自动对应周几之前在公司的项目里面遇到这个问题,如今想起来在这里总结一下,如果有更好的方法,请各位大神多多指教. 在template里面给选择日期的e ...
vue中级联选择器回填_浅谈Vue使用Cascader级联选择器数据回显中的坑
业务场景由于项目需求,需要对相关类目进行多选,类目数据量又特别大,业务逻辑是使用懒加载方式加载各级类目数据,编辑时回显用户选择的类目. 问题描述使用Cascader级联选择器过程中主要存在的应用问 ...
基于Vue的省市区三联的地区选择器V-Distpicker的使用及踏过的坑...
最近用的Vue+Element UI时,有些地方需要用到省市区三联选择器,网上安装并尝试了多种类似的插件,但都因为无法正常实现或是没有眼缘而弃用了.最后选择的是V-Distpicker这种,配置和使用 ...

vue - Distpicker 地区选择器

vue - Distpicker 地区选择器相关推荐

最新文章

热门文章