博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue项目中使用better-scroll
阅读量:6311 次
发布时间:2019-06-22

本文共 163 字,大约阅读时间需要 1 分钟。

要实现如下效果

使用npm安装better-scroll

准备一个city.jsonMOCK数据里面返回了从A到Z的城市

和首页数据获取一样,引入axios获取城市数据

把数据分发到子组件中:

子组件接受数据并循环:

效果完成:

 

转载于:https://www.cnblogs.com/rmty/p/11040799.html

你可能感兴趣的文章
Android选择本地图片过大程序停止的经历
查看>>
poj 2187:Beauty Contest(旋转卡壳)
查看>>
《Flask Web开发》里的坑
查看>>
Python-库安装
查看>>
Git笔记
查看>>
普通人如何从平庸到优秀,在到卓越
查看>>
SLAM数据集
查看>>
c#学习笔记05——数组&集合
查看>>
【图论算法】Dijstra&BFS
查看>>
注册和上传文件(头像)
查看>>
使用OVS
查看>>
键盘回收的几种方法
查看>>
Python(条件判断和循环)
查看>>
day4 linux安装python
查看>>
LeetCode Container With Most Water (Two Pointers)
查看>>
vue (v-if show 问题)
查看>>
https基础
查看>>
css3 canvas之刮刮卡效果
查看>>
并查集模板
查看>>
RESTful Mongodb
查看>>