关于vue使用axios二次获取到数据后，页面数据没有发生变化

最新推荐文章于 2025-07-09 14:01:51 发布
原创 最新推荐文章于 2025-07-09 14:01:51 发布 · 3.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

在项目中使用axios获取数据并进行渲染时，首次请求数据能够正常显示，但当数据变化再次请求时，页面未自动更新。通过手动调用$forceUpdate()方法，解决了数据更新后视图未刷新的问题。

最近用在做项目的时候，使用axios第一次获取到数据，可以成功渲染出来，数据发生变化，再次获取数据的时候，页面没有像想象中那样相应的重新渲染，不知道是不是因为数据层次太多，render函数没有自动更新，所以手动强制更新

tagManager.upDownTag(this.selectList, 'down').then(() => {

   tagManager.getTagList(this.defaultArgument).then(res => {

      this.tableData = res.data.list

       this.$forceUpdate()

     })

})

axios在vue中的使用
bhegi_seg的博客
03-08 819
一、Axios是什么 Axios是一个基于promise的HTTP库（类似于jQuery的Ajax，用于HTTP请求） 可以用于浏览器和node.js（既可以用于客户端也可以用于node.js编写的服务端） 二、Axios有哪些特性 支持promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 三、Axios浏览器支持 四、安装 1.使用 npm: $ npm install axios 2.使用 bower: $
项目实训记录（三）——axios通信导致vue前端数据不一致
pinkray_c的博客
06-02 922
不同状态申请的界面也有不同（如何实现在全部申请显示时，不同状态申请展示情况不同；axios通信出了一些问题，导致毫无逻辑的前端错误。
vue后台接口返回数据但前端展示数据不更新
weixin_50173184的博客
04-23 2726
不知道原因 第一次事件触发接口请求到了数据，但前端不更新 后续触发事件但展示的数据是上一次事件请求到的 解决的方式 then(response=>{})里面的数据是当次事件返回的数据，之前是把接口封装了一下在事件方法中调用封装方法（方便多次使用），现在直接直接在事件方法中单独写调用接口，返回数据的处理在response的箭头函数中完成， 再次实验成功 ...
Vue使用ajax或者axios获取数据，能获取到数据但是页面没有更新
weixin_55560445的博客
11-25 4904
问题： 用ajax或者axios，get数据是正常的。但是渲染数据时data一直为空 问题代码：下面代码看起来是正常的，但是当运行的时候会报错： 这时候你运行时会发现，数据可以请求到，但是会报错TypeError: Cannot set property ‘dataList’ of undefined data () { return { dataL...
vue数据更新页面不刷新问题
12-07 3581
可能会出现两种情况： 1、替换其中某个数据 2、替换掉整个数组 || 对象 第一种： Vue官方文档给我们提供了两种方法：Vue.set()和this.set()区别：Vue.set可以设置实例创建之后添加的属性，而this.set() 区别：Vue.set 可以设置实例创建之后添加的属性，而this.set()区别：Vue.set可以设置实例创建之后添加的属性，而this.set只能设置实例创建后存在的属性 最常见错误： 1、通过数组索引修改数组元素 2、修改数组长度时 3、Vue 不能检测对象属性的添加
vue2 响应式数据不变化
wangkangyang的博客
09-19 243
1.2使用 Vue.delete('改变的对象', ‘属性名’ , '属性值')1.2使用 Vue.set('改变的对象', ‘属性名’ , '属性值')删除解决方案 1.1使用 this.$delete('改变的对象', ‘属性名’ , '属性值')答 ：新增解决方案 1.1使用 this.$set('改变的对象', ‘属性名’ , '属性值')
在vuex中利用axios请求数据，放入组件中，组件拿不到数据
qq_51542956的博客
11-08 1090
上面主要是通过axios将dishesList请求到，然后通过mutations修改state内的dishesList。我猜测应该是异步的问题，于是用了this.$nextTick但到最后结果并没有变化。（这个并没有搞懂原因）然后在组件内通过mounted钩子，调用getDisheList,来让组件获取dishesList。下面是我的store内的js代码。到最后，利用计算属性就成功了。
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
12-08
这通常意味着我们将初始化Swiper的代码放在数据获取的回调函数中，或者是使用Vue的`watch`来监听数据的变化，当数据加载完成并且更新后，再执行初始化Swiper的逻辑。 例如： ```javascript export default { data...
在 Vue 2 和 Vue 3 中，对于流式数据（如从 WebSocket、EventSource 等实时获取的数据）和非流式数据（一次性加载的静态数据）处理和优化
最新发布
在全栈和前端徘徊的程序员
07-09 1096
Vue 2/3 中流式与非流式数据处理优化指南 流式数据（如 WebSocket/SSE）强调实时性，需逐步处理；非流式数据（如 HTTP API）通常一次性加载。Vue 2 使用 data/Vuex 管理状态，Vue 3 推荐 reactive/ref 结合 Composition API。优化建议包括：流式数据采用节流/虚拟滚动减少渲染压力，组件卸载时清理连接；非流式数据使用懒加载/缓存提升性能；通用优化包含唯一 key、computed 缓存和组件拆分。工具推荐 Vue Devtools 和 Vite
vue3+scss+axios,ajax,promise
m0_63324578的博客
08-13 2082
原生事件：事件名是特定的（clickmosueenter等等）事件对象$event: 是包含事件相关信息的对象（pageXpageYtargetkeyCode自定义事件：事件名是任意名称事件对象$event: 是调用emit时所提供的数据，可以是任意类型！！！vue3中利用defineEmits方法返回函数触发自定义事件,不需要引入直接使用.
vue.js axios 数据不刷新
无
12-05 775
vue.js axios 数据不刷新
axios post 传递参数成功，但是后台接受不到
weixin_42597761的博客
09-01 570
原因：jquery在执行post请求时，会设置Content-Type为application/x-www-form-urlencoded，所以服务器能够正确解析，使用原生ajax、axios请求时，如果不显示的设置Content-Type，那么默认是application/json;charset=UTF-8 请求时添加 { headers:{'Content-Type':'appl...
Vue中使用axios无法更改data数据及axiospe配置
weixin_48302334的博客
04-13 1185
一：axios配置： ①下载npm install axios ②在main.js中引用并配置（项目过大时或频繁多处使用一个API时可以抽离一个js来引用） import axios from “axios”; Vue.prototype.KaTeX parse error: Expected '}', got 'EOF' at end of input: …ounted(){ this.axios.get(API) //成功后 .then(（res）=>{ res.data…}) //失败后 .ca
vue+axios 向后端SpringBoot传递List 后端使用List接收
m0_47352999的博客
04-18 5628
在网上找了好多解决方法，有说参数太长，超过了Tomcat的限制了怎么的，反正是没有解决。一开始是这样向后端传的：（主要看后面的seats）困扰了一天的问题第二天终于解决了！终于是解决了，希望对你有帮助！
vue开发过程中，修改了数据，但是页面死活不渲染改变！没变化！怎么办？6种方法解决~
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-05 1万+
通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写 this.items=JSON.parse(JSON.stringify(this.items));
3分钟带你搞懂Vue双向绑定原理及问题剖析
wanghuichen的博客
03-16 5748
Vue双向绑定原理及问题剖析，快速搞懂Vue双向绑定~
Vue解决双向绑定引起数据同步变化的问题
qq_41954585的博客
07-22 954
Vue解决双向绑定引起数据同步变化的问题
Vue获取到后台值，但是前端页面不显示、不报错(axios的巨坑)
08-01 1万+
最终原因是axios，then里面是异步返回数据，需要首先整个获取axios，之后再获取返回值获取不到值代码如下。
Vue开发使用Axios遇到了大坑！
weixin_44542399的博客
04-25 1000
使用Vue的axios连接部分正常，部分不正常，服务器状态码200，服务器端控制台也不报错。但是页面请求就是报错。使用iPhone手机报错，换华为安卓手机也是一样的报错，安卓手机不知道怎么调试，使用macOS的Safari浏览器可以调试iPhone手机浏览器，调试报错，但是不知道原因。就单纯报错，服务器是没有任何问题。错误代码是200。 也就是说，我PC版本浏览器缩放成手机浏览器一切正常，真机报...
vue2 子页面接收父页面数据后，怎么赋值给查询接口
03-20
好的，我现在需要帮助用户解决在Vue2中，子页面接收父页面数据后如何将其赋值给查询接口的问题。首先，我需要回忆Vue2的相关知识，尤其是父子组件通信和数据传递的机制。 用户的问题涉及到子组件接收父组件的数据，...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值