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

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

传递

接受再传递

list组件接收


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

代码实现如下

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

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

最后,进行优化

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

猜你喜欢

转载自blog.csdn.net/weixin_40814356/article/details/80268179