数据请求回来，但是渲染不出？拦截器看一下

最新推荐文章于 2023-06-26 11:36:56 发布

懒人村杂货铺

最新推荐文章于 2023-06-26 11:36:56 发布

阅读量471

点赞数 1

文章标签：前端

本文链接：https://blog.csdn.net/weixin_47941995/article/details/121536488

版权

vue：methods中写一个方法，发起请求，请求成功，created中第一次调用
在请求中的.then中就无法输出，打个456都不显示

捣鼓了半天，始终找不到错，数据也请求回来了，就是无法使用，某大佬一分钟给我解决了，原来是在拦截器中判断的事code，而后端返回的事returnCode。。。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

懒人村杂货铺

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

【前端知识梳理】HTML篇笔记整理（一）

超逸の学习技术博客

03-28

1595

写在开头大家好，这里是lionLoveVue，基础知识决定了编程思维，学如逆水行舟，不进则退。金三银四，为了面试也还在慢慢积累知识，Github上面可以直接查看所有前端知识点梳理，github传送门，觉得不错，点个Star★，持续更新中。另外，也可以关注微信公众号：小狮子前端Vue，源码以及资料今后都会放在里面。一直想着成为一个up主，正值时间挺多的，4月份左右面试的面经我会制作视频去分...

线上崩了？一招教你快速定位问题。

sybh的博客

11-17

681

本文从一个团队小故事出发，详细讲述了当前端开发者遇到线上问题时的囧境。数据不同导致出错：在本地环境下使用来模拟线上数据；代码疏忽导致出错：直接在线上环境添加source-map链接来定位问题；什么？这两个方案还不够？这已经是我知道的最简单的方式啦！！我已经把我知道的全说了😭😭😭什么？你们项目里集成了sentry等监控系统？那就当我没说！我闭嘴了!什么？......

参与评论您还未登录，请先登录后发表或查看评论

创建vue实例后，数据为什么渲染不上去，原封不动的给你显示{{item.xxx}}

shilingling905的博客

12-08

894

创建vue实例后，数据为什么渲染不上去，原封不动的给你显示{{item.xxx}}

vue 多个回调_2020年最新互联网程序员面试系列 VUE，初学者福音

weixin_29669143的博客

11-28

232

MVVM模式的理解MVVM 是 Model-View-ViewModel 的缩写。Model代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑。View代表UI 组件，它负责将数据模型转化成UI 展现出来。ViewModel监听模型数据的改变和控制视图行为、处理用户交互，简单理解就是一个同步View 和 Model的对象，连接Model和View。ViewModel 通过双向数据绑定把...

Vue控制台有数据但是渲染不到页面

m0_52496388的博客

06-21

579

result对应的是这里的result。如果控制台显示的是data，那就写data（个人感觉）。这里的result是后来加的。

黑马blog项目获取数据后渲染不出来页面

weixin_52428490的博客

07-13

156

黑马blog项目获取数据后渲染不出来页面

vue初始化了form表单数据但是页面首次加载不渲染

朱宏的博客

08-24

4427

在vue里出现明明从后端初始化了表单数据，但是页面首次加载不渲染，原因可能是初始化form的时候这样： data() { return { this.form={} } } 或许你需要这样： data() { return { this.form={id:"",type:"" ......} } } 那么，这是为什么呢？知其然，还要知其所以然。我们要从vue的深入响应式原理分析，官网解释：想必看到这就明.

前端mock数据详细讲解

weixin_62145189的博客

03-30

3970

在实际的项目研发过程中，我们经常会遇到如下的尴尬场景：前端开发依赖于后端接口数据，但是后台人员不足或者无法立即到位，前端迟迟不能开工，或者前端小伙子自己参照ui设计图，完成对应的静态页面（没有数据交互），待后台人员到位，再进行二次开发，协助完成接口对接。 1.什么是mock数据？前后端同时开发的时候，后端接口数据没有出来，前端可以mock假数据，模拟开发； 2.mock数据的优势？ A 团队可以并行工作有了Mock，前后端人员只需要定义好接口文档就可以开始并行工作，互不影响，只在最后的联调

ym——Andorid-15k+的面试题。

最新发布

wwskkkk的博客

06-26

615

个人原因：因为拿到数据后是将数据中的值赋给已经存在的数组对象里的某个属性，所以修改后没有触发页面重新渲染。$set 方法可以用于向响应式对象添加新属性或修改已有属性。它会确保修改后的对象能够触发重新渲染。解决：最后使用$set 方法去修改数组对象里的值。

vue 想要先加载完所有数据再渲染页面、异步请求回来数据了，但是页面没有渲染

qq_40683441的博客

06-11

1万+

先设置showCard为false，内容card为"" 请求成功后设置showCard为true，内容card为请求得到的数据res.data <div v-if="showCard"><div> data() { return { card:"", showCard:false, } } created() { this.$vux.loading.show({ text: "正在加载" }); this.$api.cardInterfa

vue 接口数据返回之后再渲染页面_vue首页异步请求后数据不渲染

weixin_39714763的博客

12-22

4080

自己遇到的问题记录一下，做一个企业微信鉴权登录，首页获取用户信息存session方便后续页面调用。在App.vue中写了鉴权，调用接口拿到了返回的用户信息，并且存在了session中。但是在首页home.vue中拿取不到session数据。后来查了半天，请教了几个vue同行知道问题出在了哪里。由于是异步请求，而app和home在请求还未完成时就已经加载完毕了，导致从session中拿取不到数据。知...

vue在created中通过aiax异步请求数据，v-for渲染；在mounted中获取不到数据和Dom的解决方案

LAHM8963的博客

07-05

750

需求：获取站点信息，并默认触发第一个站点的点击事件： <div class="station-list"> <el-scrollbar> <div v-for="(item,index) in stationList" :key="index" class="station-item"> <span class="delete" @click="deleteStation(item,$event)">删除&l

数据都能正常的拿到，没有报错，就是将数据渲染到页面上数据不出来

yigeboke的博客

11-08

638

错误写法 \ ---------------------------------------------------------------------- 正确写法在为obj赋值的时候是在函数内自己定义的obj而非组件内部属性data的obj 应当采用如下赋值this.obj=res.data.msg[i]有看到obj的定义为数组，所以可以修改为： this.obj.push(res.data.msg[i]) ...

Vue created/mounted 获取不到data中的数据获取异步数据

天天开心

03-26

1万+

背景：select下拉栏中的选项数据由异步请求获得。现在想进入这个页面，就获得select下拉框的初始默认选中数据。（因为想根据这个初始化图表）我在created里，通过调用3个异步请求的函数，分别获得了每个下拉框的内容。这三个异步请求的函数，分别初始化了下拉框的所有选项（假设数组L1）和默认选中值（假设L1_Selected)，在create里打印this 可以看到this指向的V...

vue 后台数据获取与组件渲染、页面刷新数据消失的问题小结

github_39532240的博客

08-07

2万+

1、使用Vue完成项目，从后台获取数据绑定到页面时，无法确保页面能在组件渲染前获取到所需的数据；在下面两种情况中遇到过这个问题： 1）、子组件页面需要绑定后台数据到视图层：解决方法：在父页面提前进行数据获取，用Vuex保存，然后子页面computed属性中返回该参数，即可保证渲染不出错； PS：之前尝试过在子页面mount

vue中将请求回来的数据渲染后，在进行动态渲染失败，使用vue.$set解决

qq_37056728的博客

05-21

2029

over_msg是本地一个数组，return_msg是axios请求回来的数据如果是this.datalist[j]=res.data，这样数据改变，但是视图未改变，百度后发现vue.set方法 if (over_msg.indexOf(return_msg) > -1) { // console.log('已存在') // console.log(...

Vue进阶（幺捌陆）：异步请求导致页面数据渲染错误问题解决

IT全栈华强工作室

04-22

4350

场景描述在Vue项目优化过程中，页面部分应用JS调用promise返回的异步数据，导致页面部分始终无法加载后台返回的数据值。通过触发其他DOM操作（例如折叠栏位的操作），后台数据可以正常渲染展示。处理逻辑大致如下： <template> <div v-for="(items, index) in results" :key="items.itemsID"> <span v-for="(item, index) in items.appendItems" :key="it

使用svg渲染不出数据

05-18

有几个常见的原因可能导致 SVG 渲染不出数据： 1. 数据格式不正确：请确保你的数据格式正确，比如 SVG 数据是否正确嵌入 HTML 中，是否使用了正确的 SVG 标签等。 2. SVG 元素大小不正确：请确保 SVG 元素的大小适合显示数据，如果 SVG 太小，数据将无法正常显示。 3. CSS 样式冲突：请检查 CSS 样式是否与 SVG 元素冲突，可能会导致 SVG 渲染不出数据。 4. JavaScript 错误：如果你使用了 JavaScript 对 SVG 进行操作，可能会导致错误，导致 SVG 渲染不出数据。请检查你的 JavaScript 代码是否正确。如果以上方法都无法解决问题，你可以尝试在浏览器控制台中查看错误信息，以便更好地了解到底出了什么问题。