首先:因为组件之间要传递的值非常的简单,所以,就直接用传递的方式,从Alphabet传值到City,再由city组件传值到cityList组件。具体代码实现如下:
传递
接受再传递
list组件接收
然后需要实现的是拖动右侧的字母,前面的list也跟着一起滚动,这里实现起来有点复杂。具体思路级代码如下:
代码实现如下
到这里,逻辑就基本实现了。
这一节学起来让我体会到js的基础很重要。
最后,进行优化
补充上图理解错了。应该是触发touchmove的时候。事件延迟16毫秒执行。如果在这16毫秒里面又执行了一次,那么。就清除上一次的,执行这一次的。