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

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

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

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

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

      this.tableData = res.data.list

       this.$forceUpdate()

     })

})

HamsterKnight
关注
专栏目录
在vuex中利用axios请求数据，放入组件中，组件拿不到数据
qq_51542956的博客
11-08 996
上面主要是通过axios将dishesList请求到，然后通过mutations修改state内的dishesList。我猜测应该是异步的问题，于是用了this.$nextTick但到最后结果并没有变化。（这个并没有搞懂原因）然后在组件内通过mounted钩子，调用getDisheList,来让组件获取dishesList。下面是我的store内的js代码。到最后，利用计算属性就成功了。
axios在vue中的使用
bhegi_seg的博客
03-08 749
一、Axios是什么 Axios是一个基于promise的HTTP库（类似于jQuery的Ajax，用于HTTP请求） 可以用于浏览器和node.js（既可以用于客户端也可以用于node.js编写的服务端） 二、Axios有哪些特性 支持promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 自动转换 JSON 数据 客户端支持防御 XSRF 三、Axios浏览器支持 四、安装 1.使用 npm: $ npm install axios 2.使用 bower: $
vue后台接口返回数据但前端展示数据不更新
weixin_50173184的博客
04-23 2528
不知道原因 第一次事件触发接口请求到了数据，但前端不更新 后续触发事件但展示的数据是上一次事件请求到的 解决的方式 then(response=>{})里面的数据是当次事件返回的数据，之前是把接口封装了一下在事件方法中调用封装方法（方便多次使用），现在直接直接在事件方法中单独写调用接口，返回数据的处理在response的箭头函数中完成， 再次实验成功 ...
axios全局封装（vue3 element-plus）
最新发布
博客
06-29 672
axios在前端项目中是常用的http请求封装库，基于promise写法，让我们能更好的做异步处理。这里的代码主要借鉴了网上的代码，进行更改成自己的代码。
Vue使用ajax或者axios获取数据，能获取到数据但是页面没有更新
weixin_55560445的博客
11-25 4754
问题： 用ajax或者axios，get数据是正常的。但是渲染数据时data一直为空 问题代码：下面代码看起来是正常的，但是当运行的时候会报错： 这时候你运行时会发现，数据可以请求到，但是会报错TypeError: Cannot set property ‘dataList’ of undefined data () { return { dataL...
vue数据更新页面不刷新问题
12-07 3473
可能会出现两种情况： 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 175
1.2使用 Vue.delete('改变的对象', ‘属性名’ , '属性值')1.2使用 Vue.set('改变的对象', ‘属性名’ , '属性值')删除解决方案 1.1使用 this.$delete('改变的对象', ‘属性名’ , '属性值')答 ：新增解决方案 1.1使用 this.$set('改变的对象', ‘属性名’ , '属性值')
vue cli3 调用百度翻译API翻译页面的实现示例
10-16
在页面渲染完成后，使用Vue的`mounted`钩子函数来获取页面上的所有待翻译文本，并将其存储在数据对象的`before.q`属性中。这段代码中还使用了jQuery来简化DOM操作，并在将原文存入数据对象之前，用正则表达式去除了...
vue中实现传数据不跳转页面_【必看】58道Vue常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度...
weixin_39869693的博客
11-20 971
(给前端日刊加星标，提升前端技能)作者：Lucky Girlhttps://zhuanlan.zhihu.com/p/924076281.vue优点？答：轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了angular的特点，在数据操作方面更为简单；组件化：保留了react...
VUE3（十六）封装axios
m0_67393157的博客
03-09 380
一：axios 基础 从浏览器中创建XMLHttpRequest 从node.js发出http请求 支持Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止CSRF/XSRF 二：axios封装 关于Axios的封装这部分涉及到与后端的一些约定。 什么约定呢？就是在我们请求接口的时候，后端会返回给我们一个code。 在我开发的时候，一般约定 code：-200为登录失效状态 code：-100为接口发生错误状态。（为了避免服务器端接口报错导致前端无法运行
Vue3.2 电商前台项目（三）—— Home页面和Search页面（axios的封装、分页器的封装）
ailsa_csdn的博客
03-26 2589
vue3.2电商前台项目（三）：axios的封装、swiper轮播图的使用、排序的处理、分页组件的封装，全局组件的注册等知识的熟悉
vue.js axios 数据不刷新
无
12-05 665
vue.js axios 数据不刷新
axios post 传递参数成功，但是后台接受不到
weixin_42597761的博客
09-01 506
原因：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 1106
一：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开发过程中，修改了数据，但是页面死活不渲染改变！没变化！怎么办？6种方法解决~
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
07-05 1万+
通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染就这么写 this.items=JSON.parse(JSON.stringify(this.items));
3分钟带你搞懂Vue双向绑定原理及问题剖析
wanghuichen的博客
03-16 5370
Vue双向绑定原理及问题剖析，快速搞懂Vue双向绑定~
Vue解决双向绑定引起数据同步变化的问题
qq_41954585的博客
07-22 851
Vue解决双向绑定引起数据同步变化的问题
Vue获取到后台值，但是前端页面不显示、不报错(axios的巨坑)
08-01 1万+
最终原因是axios，then里面是异步返回数据，需要首先整个获取axios，之后再获取返回值获取不到值代码如下。
Vue开发使用Axios遇到了大坑！
weixin_44542399的博客
04-25 909
使用Vue的axios连接部分正常，部分不正常，服务器状态码200，服务器端控制台也不报错。但是页面请求就是报错。使用iPhone手机报错，换华为安卓手机也是一样的报错，安卓手机不知道怎么调试，使用macOS的Safari浏览器可以调试iPhone手机浏览器，调试报错，但是不知道原因。就单纯报错，服务器是没有任何问题。错误代码是200。 也就是说，我PC版本浏览器缩放成手机浏览器一切正常，真机报...
vue使用axios获取数据
10-06
在Vue中使用axios获取数据的方法是通过发送HTTP请求来获取数据。你可以使用axios库的get()方法来发送GET请求，从而获取服务器返回的数据。以下是使用axios获取数据的示例代码： ```javascript import axios from '...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值