uView的NoticeBar 滚动通知自带的bug之获取不到click的索引

官方说的点击通知滚动条可以拿到每一项的索引:

uView的NoticeBar 滚动通知自带的bug之获取不到click的索引_第1张图片

但是拿到的回调参数是默认的事件对象  e

实际业务需求:让通知栏竖向滚动,需要设置  direction="column"属性,点击每一项滚动项跳转到对应的详情页

因为是竖向滚动所以改动其u-column-notice的源码部分:

1. 首先找到本地的uView包下的 u-column-notice的文件 给swiper添加一个change事件

uView的NoticeBar 滚动通知自带的bug之获取不到click的索引_第2张图片

2. 在方法区在swiperChange事件中动态改变每次项目滚动的索引,然后把当前获取的索引传给click事件,这样在u-notice-bar的点击事件的回调参数中就可以拿到索引了uView的NoticeBar 滚动通知自带的bug之获取不到click的索引_第3张图片

 我的u-notice-bar组件写法:

拿到索引做业务处理:

 uView的NoticeBar 滚动通知自带的bug之获取不到click的索引_第4张图片

 最终视觉效果:自下到上滚动

uView的NoticeBar 滚动通知自带的bug之获取不到click的索引_第5张图片

 

 

 

你可能感兴趣的:(bug)