原文:vue实现城市列表选择

成果展示 最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详细介绍 准备工作: 引入axios插件,调用better scroll第三方插件,本地json文件,可以参考目录中的city.json,有条件的也可以自己去扒 功能分析 .获取json数据展示城市列表 ...

2018-07-16 11:08 2 12792 推荐指数:

查看详情

vue-cli 3.0 实现A-Z字母滑动选择城市列表

项目地址: https://github.com/caochangkui/vue-cli3 项目代码: 城市列表首页: City.vue 城市列表组件: List.vue 字母检索组件: Alphabet.vue 通过vuex管理已选城市: ...

Mon Jan 14 19:16:00 CST 2019 0 2404
vue城市选择组件

适用于vue城市选择组件 仓库地址 基本功能: 支持全选、反选以及全部清空。 支持按拼音筛选。 勾选省份将会勾选省份下所有城市。 返回数据可灵活处理。 安装 ```npm install cn-region-picker # 或者 yarn add ...

Sat Dec 15 05:17:00 CST 2018 0 1659
vue | 基于vue城市选择器和搜索城市对应的小区

城市选择器应该是比较常用的一个组件,用户可以去选择自己的城市选择城市后返回,又根据自己选择城市搜索小区。 功能展示 这是选择结果 这是选择城市 这是搜索小区 这是搜索小区接口,key为城市名字,id是城市的id 假如切换城市 搜索接口也会相应变化,id ...

Sun Sep 02 20:15:00 CST 2018 0 7511
vue 城市列表与字母表联动

实现两个联动 一是点击右侧字母的时候,城市列表出现相应首字母下的城市 二是鼠标在字母表上滑动的时候,城市列表实时跟着变化 一.点击字母出现相应的列表,给每个字母设置handleLetterClick事件 <template> ...

Wed Jun 27 12:25:00 CST 2018 0 3009
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM