vue实现简单的下拉刷新组件

参考了网上的一些资料,编写了下拉刷新的组件.主要思路如下:

  • 用一个div容器包裹住想要下拉刷新的内容
  • 容器绑定touchstart,touchmove,touchend三个事件.
  • 下拉过程中,计算div容器距离文档顶部的距离,如果大于临界值就通过tranform更改垂直距离
  • 同时出发回调函数
  • 回调完成后,回复到初始状态.




你可能感兴趣的:(vue实现简单的下拉刷新组件)