1.滑动触发

<div id="slider" class="mui-slider mui-fullscreen">
<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
<div class="mui-scroll" style="width: 100%;">
<a class="mui-control-item check_out_title wait_repay mui-active " href="#item1mobile">持有中</a>
<a class="mui-control-item check_out_title repaied" href="#item2mobile">已完结</a>
</div>
</div>
<!--其他html内容-->
</div>
document.querySelector('.mui-slider').addEventListener('slide', function(event) {
console.log(event.detail.slideNumber)
})

如下图所示:持有中为0,已完结为1,可以根据event.detail.slideNumber的值判断当前所处选项卡,请求对应参数

文末福利:

福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880


领取方式:
如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!

 

作者:喜欢坑队友的程序员
链接:https://www.jianshu.com/p/38d732549640
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

最新文章

  1. 学记:spring boot使用官网推荐以外的其他数据源druid
  2. Single Number
  3. PHP实现RESTful风格的API实例(一)
  4. 在Json解析过程中,我为什么用object1.optInt ,和 object1.optString
  5. PNG无损压缩工具Optipng【备忘】
  6. com.mysql.jdbc.exceptions.jdbc4.MySQLSyntaxErrorException: Unknown column &#39;??????&#39; in &#39;field list&#39;
  7. ServiceStack.Redis常用操作 - 事务、并发锁_转
  8. 安装完Oracle之后的注意事项
  9. Git sparse checkout
  10. paip.c++ 常用类库attilax总结
  11. Android 三大图片缓存原理、特性对比
  12. [CSS备忘]改变选中文本的颜色::selection
  13. STM32+NRF24L01无线(转)
  14. PHP. 01. C/S架构、B/S架构、服务器类型、服务器软件、HTTP协议/服务器、数据库、服务器web开发、PHP简介/常见语法、PHPheader()、 PHP_POST/GET数据获取和错误处理
  15. shiro权限框架(三)
  16. dubbo服务简单搭建
  17. 如何查看selenium的版本号
  18. pandas to_html
  19. python的学习笔记
  20. Android 电池系列

热门文章

  1. 3/19 Django框架 url路由配置及模板渲染
  2. pycharm 配置autopep8(亲测可行)
  3. 在 Swift 專案中使用 Javascript:編寫一個將 Markdown 轉為 HTML 的編輯器
  4. 建立一个 Openshift "Do-It-Yourself" 应用
  5. 102.tcp实现多线程连接与群聊
  6. ADO.net简单增删改查
  7. import 与export详解
  8. 洛古——P1433 吃奶酪
  9. linux中软件安装方式
  10. Undo表空间数据文件损坏