mui监听多个下拉刷新当前处于哪个选项卡

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
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

来源：https://www.cnblogs.com/ting6/p/9725678.html

标签

mui