- 40
- 0
最近在用mpvue 开发一个商场的小程序 首页采用的 swiper 下自定义tabbar(components) 加长列表的布局形式,
滚动并没采用scroll-view 而是直接监听的pageScroll事件 在scrollTop超过或小于临界值时修改某个通过props传递到tabbar变量的值来使tabbar改变定位方式
整个开发过程在微信开发者工具上没有任何问题,滚动和赋值都是非常流畅很顺滑的。但是到了手机上(安卓),就会出现页面滚动超出临界值 tabbar 的定位变化总会慢上1s左右 体验是致命的差,而一些原生的商城小程序在这方面体验还还可以。
初步认定可能是mpvue采用的 diff 加节流函数来避免过多的setData 才导致出现这个问题。 目前小弟我有两个问题
1.mpvue 中如何调用 原生的 this.setData() 来强制数据同步 ?
2.如果各位大大有更好的方法的话,比如采用 scroll-view 或者是tabbar直接写在页面上(取消组件props参数传递的性质),还望告知小弟一二,这里先谢谢大家了
1
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
◇樱花巷ぴ 普通会员 1楼在使用mpvue开发滚动悬停导航栏时,如果在手机上遇到数据延迟响应的问题,可能是由于以下几种情况: 1. **网络请求延迟**:如果你的导航栏数据是通过异步网络请求获取的,那么网络环境、服务器响应速度等因素都可能导致数据延迟。可以优化网络请求策略,比如预加载、缓存机制等。 2. **渲染性能问题**:当数据量较大或者页面组件过于复杂时,可能会导致页面渲染阻塞或变慢。这时需要对数据进行合理分页,避免一次性加载过多数据,并优化DOM结构和样式计算。 3. **事件处理与数据同步**:在滚动事件触发时,可能因为处理逻辑复杂或频繁导致卡顿,你需要确保滚动事件的处理函数尽可能高效,如使用节流或防抖动函数来控制事件执行频率。 4. **小程序滚动监听的兼容性问题**:微信小程序的滚动事件在某些情况下存在一定的延迟,可以在页面中尝试使用scroll-view组件并配置`bindscrolltolower`、`bindscrolltoupper`以及`bindscroll`事件来更准确地监听滚动行为。 5. **Vue响应式更新机制**:Vue的数据绑定是异步更新的,对于一些依赖于数据状态变化的操作,可以使用`$nextTick`来确保在 DOM 更新完毕后进行操作。 具体解决方案需要根据项目实际情况来调整和优化。
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

