uniapp vue 页面刷新慢或者未检测到数据变化，不刷新页面问题解决方案

最新推荐文章于 2024-06-12 14:26:39 发布
最新推荐文章于 2024-06-12 14:26:39 发布
阅读量1.2k 收藏 1
点赞数
分类专栏： vue uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29550067/article/details/112284243
版权

JavaScript 对象操作 数据同步 this 页面渲染
关键词由CSDN通过智能技术生成

开始由于直接在this对象上操作selectMap对象，导致页面始终检测不到它数据的改变。将写法改为下面的方式就能解决问题。

然后在后面一次性赋值给this

Glory-3
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp延迟执行_【 vue / uniapp 】延迟加载数据的特殊处理
weixin_34942265的博客
12-31 5880
在用vue实现一个无限层级的树型结构时，遇到了这个问题。页面结构如图：其中，父页面的处理逻辑：步骤一：引用并挂载组件，同时向组件props传递树型JSON列表数据(this.list)，当然这时候的 this.list 还只是一个空数组。步骤二：在 onload 事件中从服务器获取树型JSON数据并回写到 this.list，同时这个 this.list 也会自动通过 props 传递给组件。当时...
uniapp延迟执行_【延迟卡顿】uni-app APP视图更新相比起H5和小程序有明显延迟
weixin_35811662的博客
12-31 6681
我需要一个横向滑动选择的功能，因为逻辑复杂，涉及节点查询，我就把它封装成自定义组件了。我承认这个操作会改变较多数据，触发需要繁琐的视图更新，客观上会存在一点延迟卡顿，但是200ms以内的延迟是可以接受的，2000ms以上的延迟是什么意思？如果说是我写的代码有问题，那么为什么H5端和小程序端的延迟是正常的，而APP端的延迟就夸张到2s左右？其实早在我写日历组件的时候就发现了APP端更新视图的延迟就比...
vue中使用事件代理并且获取一些参数
weixin_49210760的博客
04-05 1085
<template> <div @click="log($event)"> <ul> <li v-for="(item, index) in list" :key="index" :data-val="item.value"> {{ item.label }} </li> </ul> </div> </template> <script&gt
uniapp列表查看详情是 返回数据未刷新
weixin_44286765的博客
12-02 440
uniapp列表查看详情是 返回数据未刷新。
uniapp在某一页面更新表单数据提交后，返回上一页面此页面数据不更新
最新发布
jisuaijicainiao的博客
06-12 185
表单提交页面：修改茉莉花茶为"茉莉"之后。上一级页面：框里绑定的内容不更新。
vue移动端项目底部导航，刷新页面保持原来的导航不变
业余前端的职业经历
02-18 3299
都知道移动端项目往往底部会有一个导航 ，但我们在vue每次初始化的时候底部导航会重新回到首页，或者是用户直接登录购物车的时候,提示用户登录要跳转到登录界面，这个时候底部导航应该是跟着跳转的，而不应该保持在购物车的那个导航 我这里使用的是vant的ui组件有个方法叫做change一旦导航改变就会触发 <template> <van-tabbarv-m...
SpringCloud Config(配置中心)实现配置自动刷新总结
m0_67392661的博客
08-25 3403
我们将这个接口配置到远程的git的webhook上，当git上的文件内容发生变动时，就会自动调用/bus-refresh接口。1、打破了微服务的职责单一性。引入：配置文件统一放在配置中心，配置中心文件明文存在不安全，容易泄露比如数据库用户名、密码等，如何实现git仓库配置文件为密文时，通过配置中心在Config-Server端进行解密。备注：这里给出方式二配置方法，方式一的区别在：因为是某个微服务承担配置刷新的职责，所以Server端不需要配置 Rabbitmq和添加bus-amqp的依赖。
小程序扫码会走onShow方法，页面数据已经拿到但是没更新页面
weixin_45502106的博客
10-29 1888
1.项目中数据已经更改但是页面就是不刷新，原因是加载页面数据的方法写在了onShow中，扫码会导致重新请求页面数据，把之前拿到的正确数据给覆盖掉。 解决方案 请求数据暂且放在onReady中
uniapp中map组件动态添加覆盖物（解决数据更新而视图不更新）
小熊的学习记录
10-15 2434
解决uniapp map组件动态添加覆盖物时，数据更新了但视图没有更新的问题
uni-app页面、组件视图数据无法刷新问题的解决办法
热门推荐
红星的专栏
04-27 2万+
问题 先总结一下无法刷新页面或组件视图数据的可能原因： 数据本身的问题 没有为模块或组件创建 key 路由使用不当 （比如我现在碰到的问题，在登录的地方错误使用了 uni.navigateTo） 以我个人的经历，目前归结为此三点，本文主要探讨后两个问题的解决办法，当然可能还有其他问题， 欢迎各位同行与我交流。 场景 最近做一个教育类APP的二次开发，使用的是Uni-app，做的差不多的时候出现...
uni-app数据刷新不及时
来自甘政法小小胡的博客
11-20 4573
uni-app数据刷新不及时 此文章是针对在切换到tabbar页面时，数据没有及时的刷新，在h5需要点击刷新才会显示出来，在app端则很无奈。 发现的问题：如果你是将数据获取写在onLoad里面，那么问题就对了，因为在使用uni.switchTab进行tabbar页面跳转的时候，并没有触发生命周期onLoad。 解决办法：你只需要将数据获取在生命周期onShow里面重写即可。 onShow和onHide是每次切换都触发的，而onLoad只在页面加载时触发（就等于浏览器点击刷新时触发）。 各位小
uniapp 返回页面数据更新但视图不更新bug解决
lyz246859的博客
12-28 2841
uniapp 返回页面数据更新但视图不更新bug解决
uni-app 小程序数据刷新不及时解决办法
weixin_43018356的博客
05-08 2944
场景：点击数据头像 获取对应的日期时间 顶部是swiper展示的日期 下面是scroll-view 做的列表展示 点击文字、头像，可以发送当前选中的日期到后台 首次进来点击没问题，可以获取到，但是切换到任意日期，第一次点击还是获取的首次日期，需要点两次才可以获取到当前点击的日期，查看了AppData，里面的数据已经更新，但是再获取的时候来不及刷新获取到最新的数据，就获取的上次的数据了 解决办法就是加一个延时器 setTimeout(()=>{ console.log('得到当前日期',that.i
uniapp web-view组件之html页面中控件样式渲染延迟导致视觉效果差的问题
D_lunar的博客
12-02 2130
hybird中的html页面引用了移动端 Vue 组件库，页面进入时，组件样式渲染延时，视觉效果很差。 解决办法： 1、vant的组件，初始化页面时，不显示。 <div ref="vant_Container" id="vant_Container" style="display: none;"> …… </div> 2、Vue挂载时，仅在整个视图都被渲染之后再显示。 mounted() { this.$nextTick(function() { .
UniAPP点击APP图标后不立即显示(有延时)的解决方案
sinat_39544064的博客
01-05 3416
前两天用UniApp打包了个安卓app, 测试下来基本没什么问题, 唯独一个小问题很让人恼火: 点击App图标后有延迟, 不会立即显示, 要在桌面"卡"一会儿. 尝试了很多方案(改启动页, fast, nvue),都没有什么效果. 正好最近在学习原生安卓开发, 看到了APP冷启动的流程，意外发现了解决方案**(刚开始学安卓, 可能有不对的地方, 请在评论区指正)** 1. "卡"一下的原因 ​ 起初, 安卓APP冷启动的流程大概是这样: 1. 点击图标 2. 后台创建进程 3. 初始化Applicati
uniapp修改data数据后页面未更新渲染
m0_61486866的博客
12-01 7179
this.$forceUpdate()
uniapp、小程序选择数据后携带数据返回上一页且不刷新页面
weixin_52941842的博客
11-09 5177
uniapp、小程序选择数据后携带数据返回上一页且不刷新页面
vue/uniapp - 刷新页面
04-30
Vue是一种流行的JavaScript框架，用于构建用户界面。它采用了组件化的开发方式，使得开发者可以将页面拆分成多个可复用的组件，从而提高代码的可维护性和重用性。Vue具有响应式的数据绑定机制，可以实时更新页面上的数据，使得开发者可以更加便捷地处理数据和状态的变化。 UniApp是一个基于Vue.js的跨平台开发框架，它可以同时开发iOS、Android、H5等多个平台的应用。使用UniApp，开发者只需要编写一套代码，就可以在不同平台上运行和发布应用。UniApp提供了丰富的组件和API，使得开发者可以快速构建出高质量的跨平台应用。 关于刷新页面，Vue和UniApp都提供了相应的方法来实现页面的刷新。在Vue中，可以使用`location.reload()`方法来刷新页面，该方法会重新加载当前页面。在UniApp中，可以使用`uni.reLaunch()`方法来重新加载当前页面，该方法会关闭当前页面并重新打开。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值