当前位置: 首页 > Web前端 > HTML5

一个基于Vue的区域选择器v-distpicker

时间:2023-04-05 17:14:26 HTML5

聊一会。上海的天气实在是太热了,这让东北人怎么活。据说公园里有个非洲小伙伴中暑了,所以我吃完午饭就跑回办公室(生命要紧),吹着空调,写着技术文章给大家,别着急~打住吧~说话,让我们进入主题!!!重点部分今天给大家推荐一个好用的vue插件,区域选择器v-distpicker,然后再给大家介绍一些常用的功能。1.导入插件(官网截图及说明)2.使用插件(官网截图及说明)就这么简单,只需要写一个标签,区域选择器会出现,国家会匹配城市(有插件就好,直接用就行)3.连接后台接口联调------------来了重点!!!前端之所以使用regionselector是为了提交用户选择的region信息,最后通过接口传递给后端人员进行处理(有时候,我们只是数据搬运工~)代码是如下:说明:1.通过这三个2.在省监控事件中,控制台信息输出一个对象(插件封装的数据),获取对象的value属性值;3.this.formValidate是我初始化的对象,然后把获取到的信息放到formValidate对象中,最后提交给后端(axios请求),就大功告成了!以上就是我给大家带来的分享(完了,写得太投入了,午休忘记睡觉了),因为不是什么难题,而且上面总结的很清楚,所以我就不做最后的总结了(唠叨,墨迹),非常感谢大家耐心看完(感谢继续加粗)天气热,记得给“电脑”浇水降温~我的微信在下方!欢迎大家以后一起交流学习~