有一些数据 刷新页面出不来但是跳转到其他页面再跳回来这些数据就显示了

于 2024-07-31 17:08:43 发布
阅读量249 收藏 4
点赞数 4
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79111878/article/details/140827655
版权

这是因为这些数据是异步返回给客户端的，再返回之前这个空数据已经在页面上渲染出来了，此时后端数据返回但是页面已经渲染了，需要用promise或者async await去设置让接收的值在后端数据返回后再赋值去渲染页面

littleqingyun
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue缓存的keepalive页面刷新数据的方法
12-03
总结起来，解决Vue中缓存页面（如`keep-alive`）的数据刷新问题，关键在于利用`activated`生命周期钩子来处理数据接收，并借助`Vue.set()`方法确保对已缓存数组的修改能够正确反映在视图上。同时，通过自定义事件...
Vue切换组件实现返回后不重置数据,保留历史设置操作
10-15
// 刷新页面或者从别的页面进入，提取this.history的值 getPageData: function() { this.history = JSON.parse(localStorage.getItem('this.history')); } }, // 钩子函数，在实例被创建之后被调用，调用...
layui点击左侧导航栏,实现不刷新整个页面,只刷新局部的方法
01-19
其实这篇文章是给自己看的，以后忘记怎么做回来还能看一下 点击左侧菜单栏只刷新局部，局部就用iframe。 首先先建layout页，建左侧菜单栏，然后下面的@RenderBody（） <!-- 左侧导航区域（可配合layui已有的...
微信小程序 Tab页切换更新数据
08-31
在微信小程序中，Tab页切换更新数据是一种常见的需求，特别是在多页面应用中，用户在不同Tab之间切换时，可能需要保持或传递某些状态信息。在本文中，我们将深入探讨如何在微信小程序中处理Tab页切换时的数据更新...
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
10-15
在电商应用中，为了提供更好的用户体验，我们通常需要在用户浏览商品列表后，进入商品详情页，再点击返回时，能直接回到之前查看的商品列表位置，而不是重新加载整个页面。这就是 `vue keep-alive` 在列表页缓存和...
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 417
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
js、ts、argular、nodejs学习心得
07-30 200
工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构。
苍穹外卖浏览器前端界面修改
程序员象漂亮的博客
07-25 274
客户原始方案是期望做一个Spring Boot + Vue的饿了么系统，但时间上太仓促，所以建议选择开源的苍穹外码目作为作业提交。客户接受了建议的方案后，期望对前端页面提出了一些个性化的定制修改。
electron 主进程和渲染进程
qq_21087199的博客
07-29 268
虽然最近一年前端大环境不好，但是大家还是要加油鸭！，努力总不会错，千军万马过独木桥，希望大家都是闯过去那一个。进入正题。
基于上云api前端开发经验教训(loading...)
IIIIIAN
07-26 439
对于上云api开发学习过程中的错误教训积累总结
前端 axios 封装
清云
07-29 446
前端 axios 封装
我们的前端开发逆天了！1 小时搞定了新网站，还跟我说 “不要钱”
努力做最接地气的编程干货分享，感谢关注
07-29 1298
本文将带你了解一个新的 Web 框架 **Astro**，并手把手带你使用 Astro 搭建一个属于自己的站点，用过的都说真香！
前端代码混淆加密（使用Terser、WebpackObfuscator）
最新发布
@Fonden
07-30 263
（注意Terser和WebpackObfuscator引入的方式不同，后者是放到plugins中）② 在 Terser 之后使用 WebpackObfuscator 进行混淆。以此在网上查找到相应工具有：Terser、WebpackObfuscator。① 使用 Terser 进行代码压缩和 source map 生成，② 设置在生产环境中才去使用混淆加密工具（开发环境会产生各种报错）为了对公司项目进行安全防护措施，前端需要进行代码混淆加密处理。压缩代码、变量和函数名混淆、删除未使用代码。
【前端面试3+1】20 css三栏布局6种实现方式、多行文本溢出怎么实现、token过期了怎么处理、【二叉树的中序遍历】
qq_61798306的博客
07-30 479
本文包含八股文：css三栏布局6种实现方式、多行文本溢出怎么实现、token过期了怎么处理，算法【二叉树的中序遍历】
前端开发技术之HTML/CSS
m0_67484548的博客
07-29 709
5. <figure> 和 <figcaption>：<figure> 用于媒体内容的分组，<figcaption> 用于定义 <figure>1. <menu> 和 <menuitem>：定义菜单列表（<menu>）和菜单项（<menuitem>）（HTML5。1. <h1> to <h6>：定义HTML标题，<h1> 表示最高的标题级别，<h6> 表示最低的标题级别。3. <figure> 和 <figcaption>：定义媒体内容的分组，以及媒体的标题或说明。
前端必修技能：高手进阶核心知识分享 - css盒的before、after和子元素的层叠关系解析及应用
uu0216的博客
07-29 1036
一个盒子 它的 ::before伪类在最底层, ::after 伪元素在最上层, 其所有子元素在中间叠放。 盒子的 子元素堆叠关系，按照书写顺序自下而上排序：先写的叠放在下面，后写的在上面。 父元素在最下面。
技术实践—微前端技术应用
iOceanMind的博客
07-26 562
微前端是一种新兴的前端架构模式，是一种类似于微服务的架构，将微服务的理念应用于浏览器端。其核心理念是将一个大而单一的前端应用拆分为多个小型独立的微应用。这些微应用各自独立，可以由不同团队开发维护，部署，组合这些微应用，行成一个聚合应用。
Spring Cloud微服务项目统一封装数据响应体
洛*璃的博客
07-26 556
在微服务架构下，处理服务之间的通信和数据一致性是一个重要的挑战。为了提高开发效率、保证数据的一致性及简化前端开发，统一封装数据响应体是一种非常有效的实践。本文博主将介绍如何在 Spring Cloud 微服务项目中统一封装数据响应体，并分享一些最佳实践。
微前端概念
qq_40121308的博客
07-29 723
元素隔离的概念来自ShadowDom,即ShadowDom中的元素可以和外包的元素重复但不会冲突，micro-app模拟实现了类似ShadowDom的功能，元素不会逃离
jquery页面跳转不刷新数据
06-20
jQuery 提供了一种便捷的方式来实现页面跳转而不刷新整个页面。这种操作通常用于 AJAX（Asynchronous JavaScript and XML）请求，其中数据通过 JavaScript 在后台与服务器交换，而无需完全重新加载网页。使用 jQuery 的 `$.ajax` 方法或更简洁的 `$.get`、`$.post` 等函数可以实现这个目标。 例如，如果你想通过 jQuery 向服务器发送一个 GET 请求并获取数据，然后更新部分页面内容，你可以这样做： ```javascript $.get("your-url", function(data) { // 处理返回的数据 $('#your-target-element').html(data); }, 'json'); // 设置数据类型为 json // 或者使用 $.post 如果你需要发送POST请求 $.post("your-url", { key: "value" }, function(response) { // 更新页面 }); ``` 在这个例子中，`your-url` 是你要请求的服务器地址，`your-target-element` 是你希望更新显示新数据的部分。数据处理完成后，页面只会这部分内容刷新，其余部分保持不变。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值