#插件讨论# 【 swiper-list 左右滑动切换顶部选项卡 - DCloud前端团队 】使用watch监听属性变化重新请求数据无法渲染到对应页面

页面结构以上传附件中
代码逻辑:
根据父级页面中的@change事件获取当前swiper-item的下标,然后通过事件车eventBus发送给子级页面的嵌套组件,嵌套组件定义变量(currentId)动态接收改变的下标,在watch中监听currentId的变化,当currentId变化时,发送请求获取数据,更新data中定义的属性,然后将data中的属性渲染到页面上。
理想效果描述:
swiper滑动到相应页面,相应页面发送请求,获取数据,渲染到相应页面
异常效果描述:
每滑动到一个新页面,都能请求对应的数据,但是只有第一个和最后一个swiper-item页面发生了数据渲染,中间的页面,获取到了数据,但是没有渲染上去。其次,在倒数第二个页面缓缓滑动到最后一个页面的过程中,可以短暂的看到倒数第二个页面的数据渲染到了最后一个页面,但随后又发送请求,渲染出了最后一个页面的数据,详情可以看我上传在附件中的异常效果展示视频。顶部导航栏中的地名发生变化是因为他是一个引入的组件,通过eventBus进行传值,不包含在swiper组件之中