vue 地区选择器v-distpicker的常用功能


Posted in Javascript onJuly 23, 2019

今天给大家推荐一款好用的vue插件,地区选择器 v-distpicker ,接下来我给大家介绍一些常用的功能

1.引入插件(截图官网并解释)

vue 地区选择器v-distpicker的常用功能

2.使用插件(截图官网并解释)

vue 地区选择器v-distpicker的常用功能

就是这么简单,只需写个<v-distpicker></v-distpicker>标签,就会出现地区选择器,并且全国匹配城市(有插件就是好,直接拿来用)

3.与后端进行接口联调------------- 重点来啦!!!

前端之所以使用 地区选择器 ,目的就是为了提交用户选择的地区信息,最终通过接口传递给后端人员处理(某些时刻,我们只是数据的搬运工~)

代码如下:

vue 地区选择器v-distpicker的常用功能

解释:

1.通过这三个事件,监听用户输入省 市 区的信息;

2.在省监听事件中console信息,输出了一个对象(插件已封装好的数据),并获取该对象的value属性值;

vue 地区选择器v-distpicker的常用功能

3.this.formValidate是我初始化的对象,之后把获取的信息放入formValidate对象,最终一起提交给后端(axios请求), 大功告成!

vue 地区选择器v-distpicker的常用功能 

收尾

以上所述是小编给大家介绍的vue 地区选择器v-distpicker的常用功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

Javascript 相关文章推荐
从零开始学习jQuery (六) jquery中的AJAX使用
Feb 23 Javascript
给超链接添加特效鼠标移动展示提示信息且随鼠标移动
Oct 17 Javascript
jQuery中dequeue()方法用法实例
Dec 29 Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
Aug 17 Javascript
js实现微信分享代码
Oct 11 Javascript
jQuery替换节点用法示例(使用replaceWith方法)
Sep 08 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
jquery+ajax实现异步上传文件显示进度条
Aug 17 jQuery
微信小程序实现星星评分效果
Nov 01 Javascript
微信小程序 网络通信实现详解
Jul 23 #Javascript
微信小程序 确认框的实现(附代码)
Jul 23 #Javascript
koa2 从入门到精通(小结)
Jul 23 #Javascript
详解JavaScript 浮点数运算的精度问题
Jul 23 #Javascript
前端插件之Bootstrap Dual Listbox使用教程
Jul 23 #Javascript
JavaScript 格式化数字、金额、千分位、保留几位小数、舍入舍去
Jul 23 #Javascript
vscode vue 文件模板的配置方法
Jul 23 #Javascript
You might like
thinkphp3.2.3 分页代码分享
2016/07/28 PHP
php微信公众平台交互与接口详解
2016/11/28 PHP
PHP实现将多个文件压缩成zip格式并下载到本地的方法示例
2018/05/23 PHP
url地址自动加#号问题说明
2010/08/21 Javascript
Extjs优化(一)删除冗余代码提高运行速度
2013/04/15 Javascript
Js保留小数点的4种效果实现代码分享
2014/04/12 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
JavaScript+CSS实现的可折叠二级菜单实例
2016/02/29 Javascript
JS获取鼠标位置距浏览器窗口距离的方法示例
2017/04/11 Javascript
Vue iview-admin框架二级菜单改为三级菜单的方法
2018/07/03 Javascript
基于vue循环列表时点击跳转页面的方法
2018/08/31 Javascript
vue 右键菜单插件 简单、可扩展、样式自定义的右键菜单
2018/11/29 Javascript
微信小程序开发之map地图组件定位并手动修改位置偏差
2019/08/17 Javascript
Python中为feedparser设置超时时间避免堵塞
2014/09/28 Python
Python自动调用IE打开某个网站的方法
2015/06/03 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
Python MD5加密实例详解
2017/08/02 Python
Python使用matplotlib绘制随机漫步图
2018/08/27 Python
Pycharm+Python+PyQt5使用详解
2019/09/25 Python
Python pip 安装与使用(安装、更新、删除)
2019/10/06 Python
解决Python图形界面中设置尺寸的问题
2020/03/05 Python
CSS3实现网站商品展示效果图
2020/01/18 HTML / CSS
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
南非最受欢迎的时尚品牌:MRP
2016/09/18 全球购物
美国最大的城市服装和运动鞋零售商:Jimmy Jazz
2016/11/19 全球购物
韩国最大的购物网站:Gmarket
2019/06/20 全球购物
英国电子产品购物网站:Tech in the basket
2019/11/08 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
体育运动口号
2014/06/09 职场文书
学生打架检讨书
2014/10/20 职场文书
关于群众路线的心得体会
2014/11/05 职场文书
浅谈:电影《孔子》观后感(范文)
2019/10/14 职场文书
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
Java 超详细讲解IO操作字节流与字符流
2022/03/25 Java/Android
delete in子查询不走索引问题分析
2022/07/07 MySQL