vue后台接口返回数据但前端展示数据不更新

最新推荐文章于 2024-04-07 10:12:49 发布
最新推荐文章于 2024-04-07 10:12:49 发布
阅读量2.4k 收藏
点赞数
分类专栏： VUE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50173184/article/details/116064173
版权

不知道原因 第一次事件触发接口请求到了数据，但前端不更新
后续触发事件但展示的数据是上一次事件请求到的

解决的方式 then(response=>{})里面的数据是当次事件返回的数据，之前是把接口封装了一下在事件方法中调用封装方法（方便多次使用），现在直接直接在事件方法中单独写调用接口，返回数据的处理在response的箭头函数中完成，

再次实验成功

weixin_50173184
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue调用接口获取后台数据_Vue前后端数据交互与显示
weixin_39637386的博客
12-19 2万+
一、技术概述将后端所计算的数据呈现在前端页面的相应位置并根据用户点击操作改变相应的数据和界面，再传值给后端。该技术是Web开发必备，是前后端交互的纽带。难点在于获取后端数据并且防止数据联动。二、 技术详述1. 从接口获取后端数据(1) 仔细查看后端所传数据的类型。主要是区分数组和单个数据。查看后端的请求方式，区分post或者get。(2) 首先，在data中return一个xxxData:[]数组...
vue前端模拟字典处理后端返回数据
04-18
有时候后端返回的数据字段可能是只有1或者2，这种code，没有返回对应的中文，但是前端又要显示中文，于是我就写了一个demo 可进行参考，只是主要处理就是用了js的一些语法，逻辑基本都是一样的，可以参考我这个demo...
vue mock数据，模拟后台接口返回数据
JavaAlliance
10-12 2350
在前端开发过程中，有后台配合是很必要的。但是如果自己测试开发，或者后台很忙，没时间，那么我们需要自己提供或修改接口。下面提供两种方式，第二种更简单，个人推荐第二种。 第一种、mock文件方式 1、安装，开发环境 npm i mockjs -D 2、在src目录下新建mock目录，结构如下： 3、index.js内容如下： const Mock = require('mockjs'); //格式...
vue将接口返回的数据呈现
weixin_42017951的博客
10-25 2216
第一步：在api.js文件中定义好接口地址 第二步：在页面导入 第三步：先在return的数据中加入字段名， 在初始化的方法中在加载页面的所有数据中加入这个接口返回的数据 第四步：在文中进行调用 ...
vue后台返回的数据与接收后处理数据
pick_ears的博客
09-14 5448
引言：当后端给前端返回字符串格式，现需要用到object对象形式，需要进行转换处理在这里this.c = JSON.parse(this.displayLayout) this.displayLayout是字符串格式，转换后，成为object格式！ 注意：当后台的数据直接复制黏贴到本地时，会变成object格式。但是当我们接收后台数据，若是用到object对象格式，一定要作转换处理！！ 后台传来的数据，数据类型是string 本地复制黏贴后台的数据，数据类型是object ...
VUE 接口返回字符 \n数据，前端换行显示（replace替换）
蓝胖子的博客
04-07 1452
VUE 接口返回字符 \n数据，前端换行显示（replace替换）
vue后台返回二维码展示在前端页面，复制二维码到剪贴板
weixin_52648390的博客
03-26 1114
因为图片返回的是个二进制流，如果直接使用clipboard.write复制是空白甚至报错，所以要加一个方法对图片进行处理（copy_jpg方法），如果需要复制的图片是png格式的话可以直接使用clipboardImg(),把图片的地址传进去就好。这个问题困扰了我两天，img标签中是本地的图片和路径为https的图片都可以用clipboard.write方法复制到粘贴板上，返回的二维码死活不可以，明明页面上已经渲染出来了，百度了终于在。关于clipboard的使用，阮一峰老师写的很全（地址奉上）
前端VUE模拟调用后台接口数据
kk7521的博客
01-26 5137
文章目录前言一、安装axios二、调用后台接口三、主页面四、后台接口第一种方法第二种方法第三种方法五、出现的问题总结 前言 学习并练习前端调用后台返回的接口数据，通过postman模拟返回后台接口 一、安装axios 先安装： npm install axios 然后： npm install --save axios vue-axios 配置模板： import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-a
解决Vue数据更新数据不渲染问题
热门推荐
云海
08-30 2万+
Vue包装了数个数组操作函数，使用这些方法操作的数组去，其数据变动时会被vue监测：  push() pop() shift() unshift() splice() sort() reverse() vue2.0还增加个方法可以观测Vue.set(items, indexOfItem, newValue) filter(), concat(), slice() ...
vue根据后端返回的数据，在前端表格判断进行展示。
weixin_46838336的博客
09-24 1733
根据后端返回的数据，在前端表格判断进行展示。
vue中后端做Excel导出功能返回数据流前端的处理操作
01-21
后台返回的数据流，一堆看不懂的乱码： 接下来要处理这堆乱码，因为用到的地方多，所以在util.js文件里封装了一个公共方法并抛出： 虽然vue里有封装好的请求接口的方法，但这里要单独用axios，所以先在util.js里...
浅谈vue获得后台数据无法显示到table上面的坑
10-14
在Vue.js开发过程中，将后台数据绑定到前端表格（table）是常见的操作。...通过理解Vue.js的数据绑定原理、生命周期以及JavaScript的运行环境，可以有效地避免此类问题，从而实现后台数据到前端界面的顺利展示。
vue.js与后台数据交互的实例讲解
10-18
本文将深入探讨Vue.js如何与后台数据进行交互，以实现数据的获取和展示。 首先，为了实现Vue.js与后台数据的交互，我们需要引入Vue.js库以及它的扩展库vue-resource。vue-resource是一个用于处理HTTP请求的插件，它...
2024年全球资产管理报告：AI与下一轮转型浪潮-BCG.pdf
08-02
2024年全球资产管理报告：AI与下一轮转型浪潮-BCG.pdf
电子书：探索人工智能在 OSINT 中的作用中文版.pdf
08-02
电子书：探索人工智能在 OSINT 中的作用中文版.pdf
基于Springboot的线上历史馆藏系统（有报告） Javaee项目，springboot项目
最新发布
08-02
资源详情：https://blog.csdn.net/2302_78191516/article/details/140881816
YOLO施工工地安全图像数据集+5000张高质量图像数据集+标注完整的数据
08-02
施工工地安全图像数据集+5000张高质量图像数据集+标注完整的数据 这是一个适合初学者的数据集，用于多类分类、对象检测和跟踪。注释采用 YoloV8 格式。数据集文件夹本身中提供了分割和元数据，因此任何人都可以使用此数据来运行模型并生成结果。因为标签采用以下格式：“安全帽”、“口罩”、“无安全帽”、“无口罩”、“无安全背心”、“人员”、“安全锥”、“安全背心”、“机械”、“车辆”。在跟踪和监控应用中，一个人是否戴着安全帽非常重要。大多数数据集都没有以这种特定方式注释，这使得该数据集非常有用。 标签注释： YOLO格式（.txt） 元数据： metadata.csv 和 count.csv 提供有关数据集和 train-val-test 计数信息的信息。 ——小白不懂运行，下载完可以私聊问，可远程教学 ——有一定编程基础的朋友，可以在此源码基础上进行自由修改和扩展，实现更多个性化功能,非常适用于毕设、课设、作业等。 —— 下载后，请先阅读README.md文件（如有），以便更好地了解项目详情和使用方法。本资源仅供学习参考，切勿用于商业用途。如有任何疑问或需
【中科院1区】Matlab实现龙格库塔优化算法RUN-RF故障诊断算法研究.rar
08-02
1.版本：matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点：参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象：计算机，电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。 5.作者介绍：某大厂资深算法工程师，从事Matlab算法仿真工作10年；擅长智能优化算法、神经网络预测、信号处理、元胞自动机等多种领域的算法仿真实验，更多仿真源码、数据集定制私信+。 替换数据可以直接使用，注释清楚，适合新手
jeecgboot vue3 前端获取后台接口返回的数据打印在控制台
06-13
假设你使用的是 axios 库来发送请求，可以按照以下步骤打印后台接口返回的数据： 1. 在 Vue 组件中引入 axios 库： ```javascript import axios from 'axios'; ``` 2. 在需要调用后台接口的方法中使用 axios 发送...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值