【BUG】UNIAPP+UVIEWUI2全局状态管理导致页面切换变慢的问题解决方案

最新推荐文章于 2024-06-15 07:24:01 发布
最新推荐文章于 2024-06-15 07:24:01 发布
阅读量1.5k 收藏
点赞数
分类专栏： BUG记录 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/F_zmmfs/article/details/122299766
版权

问题

小程序
两个页面需要传输大量数据，当然可以用发请求的方式，但是这里有个功能不发请求是最好的。
即点击按钮后，一个页面跳转到另一个页面，并且通过传输过去的数据进行渲染。

方案

  • 使用uview的全局状态管理：因为我传的是大对象，对.做split会很卡，实际上确实很卡
  • 通过对象转字符串的方式跳过uview的管理机制，自己解码，还是卡
  • 通过页面传参，直接传入param参数（uview的路由封装），不卡，但长度限制

最终方案

使用uniapp官方提供的
uni.$emit(eventName,OBJECT)

文档地址
https://uniapp.dcloud.io/collocation/frame/communication

可以传大对象，还不卡。

个人记录

mmciel
关注
专栏目录
colab切换目录的解决方案
weixin_43178406的博客
10-11 4万+
本文主要介绍了Google Colab切换目录的解决方案，希望能对使用colab的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案 2.1 方案一 2.2 方案二
Two-factor authentication (2FA) is required for your GitHub account解决方案
热门推荐
weixin_43178406的博客
01-27 4万+
 本文主要介绍了Two-factor authentication (2FA) is required for your GitHub account的解决方案，希望能对使用github的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
解决微信小程序数据渲染缓慢或卡顿的方法 (uniapp vue3)
qq_42753091的博客
08-28 4818
解决微信小程序数据渲染缓慢或卡顿的方法 (uniapp vue3) 在微信小程序中渲染数据时通常会使用setData方法，但是setData对数据是有影响的，单次设置的数据不能超过1024kB，否则就会出现卡顿甚至有时会导致小程序闪退等现象。而我们平时在实现业务时，一般会采取数据分页而防止大量数据渲染导致小程序白屏/卡顿，例如在一些商城平台需要滚动时切换菜单，也需要回显购物车数据的情况下，无法进行分页处理，我的方法是把从接口获取到的数据进行格式化处理后，进行递归调用(递归一次进行一次setDate从而不进行
uniapp重新渲染页面_uni-app之数据状态改动后页面不刷新踩坑
weixin_39565777的博客
01-30 8017
今天有个需求，在onshow里面执行函数，请求过来一堆代取的包裹(快递)，然后勾选之后把数据集合放到一个list里面给后端发过去，这些包裹状态就变成了已取，正常情况下应该是到了下一个界面，但是uni-app的request请求并没有实时更新，这些勾选完的快递还在，只有刷新页面才会消失，我这时候的第一想法是在勾选完之后发送list的函数之后重新调用页面加载函数，但是服务器处理数据明显需要时间，要远不...
uniapp打包的在ios系统上uni.navigateTo跳转慢
斗师——Ace
02-08 1073
1. animationType设置为none时，在ios上navigateTo跳转切换会很慢很慢！ uni.navigateTo({ url: '../test/test', animationType: 'none' });
uniapp App真机调试切换页面卡顿
Motion_zq的博客
10-12 2483
uniapp App真机调试切换页面卡顿
uniapp app优化启动慢，页面跳转拦截，请求拦截（如：登录了就跳首页，没登录去登录页）
m0_46978096的博客
06-07 3103
【代码】uniapp页面跳转拦截，请求拦截（如：登录了就跳首页，没登录去登录页）
uniapp修改data数据后页面未更新渲染
m0_61486866的博客
12-01 7399
this.$forceUpdate()
uniapp - 实现 H5 网站项目路由跳转页面时增加动画效果，给手机移动端网页的所有页面加入跳页动画效果（直接引入核心方法即可全局生效，无需每页都引入，引入一次即可，高效简洁无 BUG）详细解决
王佳斌
04-01 4444
uniapp的h5网页项目切换页面怎么加动画，uniapp h5如何在切换路由改变页面时加动画过渡，uniapp h5页面跳转翻页效果，uniapp 怎么给h5网站加入像app那样的页面切换效果，uniapp H5网站窗口翻页动画，uniapp h5怎么自定义页面跳转切换动画，uniapp设置页面跳转效果，uniapp开发h5页面跳转动画，uni-app切换页面动画效果如何修改，uniapp滑动切换页面，uniappH5页面动画切换组件，uniapp h5页面切换的动画过渡，uni-app h5公众号页面切
WARNING:Retrying(Retry(total=2)) after connection broken by ‘ProxyError(‘Cannot connect to proxy解决方案
最新发布
weixin_43178406的博客
06-15 9万+
本文主要介绍了WARNING: Retrying (Retry(total=2, connect=None, read=None, redirect=None, status=None)) after connection broken by 'ProxyError('Cannot connect to proxy.'解决方案，希望能对使用Python pip的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
Linux安装aria2出现No package aria2 available.的解决方案
weixin_43178406的博客
02-01 3万+
本文主要介绍了Linux安装aria2出现No package aria2 available.解决方案，希望能对使用aria2的同学们有所帮助。 文章目录 1. 问题描述 2. 解决方案
uniapp swiper waterfall同用 tabbar页面卡顿
weixin_41623830的博客
07-28 772
tabbar 用waterfall 和 swiper 多个tabbar页面 打开关闭页面卡顿
问题：uniapp中增删改数据有变化但是为什么渲染不出来？
SunPeng的博客
06-07 751
uniapp中数据有变化但是为什么不渲染出来？
u-tabs空数据渲染/无法切换的问题
qq_41120857的博客
05-18 1022
我接手的项目是1.X的uview，u-tabs在切换时有时会出现无法切换的问题，实际测试发现”current”发生改变，但UI没有发生改变，因为之前是正常的，一番折腾下来后发现在切换后如果页面相似度过高，就有大概率会发生无法触发UI更新的问题。测试后发现，即便页面重新渲染到该项页面仍无法实现UI更新的效果，其中tabbar的切换也无法实现UI更新，但在页面跳转之后UI出现更新，初步推测可能和uniapp本身的响应式有关。解决方法为每次修改时渲染的数据最好发生一些变化比如。
uni-app页面滚动监听onPageScroll时延迟渲染
Channingz的博客
06-10 7086
uni-app页面滚动监听onPageScroll时延迟渲染 进行uni-app开发wx小程序时，测试那边遇到了一个情况。页面有概率拉到最顶端的时候 本应判断scrolltop<100的情况下导航条消失，但是小概率会发现置顶时仍带有透明度。根据手机配置，越老的手机出现的概率越高（测试机那么渣所以一测就测出来了嘛QAQ） // 原代码 onPageScroll(res) { //获取距离顶部距离 const scrollTop = res.scrollTop; // 获取屏幕宽高 c
uni-app （vue ) 数据变化，页面不重新渲染的问题
我的博客
08-03 4112
前几天遇到一个问题 当我点击取消收藏按钮的时候，再重新刷新页面，会发现第2个项目里的爱心按钮还是空心的 按理说，收藏页面的所有线路，按钮都是已经收藏的状态，应该是实心爱心图标，可是只要我之前点过取消，让按钮变成空心状态，它就会一直是空心状态。 很明显，子组件的数据变化了，但是反应在页面上，没有重新渲染。 最后找到原因 <template> <view> <busLine v-for="(item,index) in lines" :line="ite.
uniapp重新渲染页面_uni_app 修改data里数据 页面不会重新渲染 没有实时响应 修改上一页的数据也是一样...
weixin_39878745的博客
01-14 2909
// 删除空间商品(删除数组 页面数据不会变化)delproduct(e) {let that = this;let index = e.currentTarget.dataset.index;let productlist = that.productlist[that.roomid];productlist.splice(index, 1);let up = 'productlist[' ...
uniapp子组件改变数据时数据没有渲染到视图
HXH_csdn的博客
07-17 3579
我这边的操作是这样的 首选从父组件传数组给子组件,然后在子组件中选择选项,点击确定后再将选中的数据传回父组件,但是在子组件里执行点击选择事件时,数据打印出来是已经有更改了,但是页面没有渲染出来(不管怎么点击,都还是默认的选项); 解决办法: 完成修改之后,再加上this.$forceUpdate(),这个是强制更新数据的操作,不清楚会不会有其它影响,反正加上去后,就可以正常点击了 ...
uniapp生成小程序后改动数据无法渲染
zepcjsj0801的博客
04-04 1153
无意间遇到的问题，也可能是我代码的问题。 循环组件中使用了uni-data-picker，通过其他标签事件改动数据picker数据后，要让uni-data-picker渲染出来，H5是没问题的，但是发布成微信小程序时却无效。 摸索了半天，发现的微信小程序循环组件中的变量中会增加一个 $orig vue中的uni-data-picker的值用的是v-model，发布的小程序中还是原样，所以缺少一个$orig 几次尝试后，发现vue中这样写发布后可以正常转换 :value=“xxx” 记录一下，免得以后走弯
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值