项目地址: https://github.com/caochangkui/vue-cli3 项目代码: 城市列表首页: City.vue 城市列表组件: List.vue 字母检索组件: Alphabet.vue 通过vuex管理已选城市: ...
成果展示 最后的成果就是下面所展示的内容,因为gif图没有做,只能截图所展示,接下来,会带着大家一步一步的完成下面功能,脚手架搭建和node安装在本次案例不会讲解,如果了解,可以在我的博客园找到有详细介绍 准备工作: 引入axios插件,调用better scroll第三方插件,本地json文件,可以参考目录中的city.json,有条件的也可以自己去扒 功能分析 .获取json数据展示城市列表 ...
2018-07-16 11:08 2 12792 推荐指数:
项目地址: https://github.com/caochangkui/vue-cli3 项目代码: 城市列表首页: City.vue 城市列表组件: List.vue 字母检索组件: Alphabet.vue 通过vuex管理已选城市: ...
<template> <div class="assetAllocation"> <Header class="header" @PagebackFun="BackFun ...
适用于vue的城市选择组件 仓库地址 基本功能: 支持全选、反选以及全部清空。 支持按拼音筛选。 勾选省份将会勾选省份下所有城市。 返回数据可灵活处理。 安装 ```npm install cn-region-picker # 或者 yarn add ...
效果图: 代码: city.js: ...
全国城市列表选择 (包含定位城市、热门城市、全国城市) 用ScrollView 实现,解决 SectionList 实现的卡顿问题 实现效果如图: 代码实现如图: 主逻辑文件 cityList.js 数据文件: cityIndex.js ...
城市选择器应该是比较常用的一个组件,用户可以去选择自己的城市,选择城市后返回,又根据自己选择的城市搜索小区。 功能展示 这是选择结果 这是选择城市 这是搜索小区 这是搜索小区接口,key为城市名字,id是城市的id 假如切换城市 搜索接口也会相应变化,id ...
实现两个联动 一是点击右侧字母的时候,城市列表出现相应首字母下的城市 二是鼠标在字母表上滑动的时候,城市列表实时跟着变化 一.点击字母出现相应的列表,给每个字母设置handleLetterClick事件 <template> ...
参考: https://www.jb51.net/article/141520.htm http://www.3qphp.com/web/html5/66.html city.js var city = { "City": [ { "热门城市 ...