vue项目学习:14-citylist组件和letter组件之间的联动

首先:因为组件之间要传递的值非常的简单,所以,就直接用传递的方式,从Alphabet传值到City,再由city组件传值到cityList组件。具体代码实现如下:

传递

接受再传递

list组件接收


然后需要实现的是拖动右侧的字母,前面的list也跟着一起滚动,这里实现起来有点复杂。具体思路级代码如下:

代码实现如下

到这里,逻辑就基本实现了。

这一节学起来让我体会到js的基础很重要。

最后,进行优化

补充上图理解错了。应该是触发touchmove的时候。事件延迟16毫秒执行。如果在这16毫秒里面又执行了一次,那么。就清除上一次的,执行这一次的。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值