问答

vue接口数据渲染不到页面上

作者:admin 2021-07-15 我要评论

这是从接口获取数据的函数。用的是封装好的方法 在mounted里调用: 这是data里先声明的对象: 这是dom结构: ; 在控制台能输出数据,但页面上没有: 百思不得其...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

这是从接口获取数据的函数。用的是封装好的方法
image.png
在mounted里调用:
image.png
这是data里先声明的对象:
image.png
这是dom结构:
image.png
在控制台能输出数据,但页面上没有:
image.png
百思不得其解,大佬们,求帮帮我

###

image.png
list脱节了。
list是var的值,定义的时候还指向data下的list,
第二次赋值就脱节了,跟vue data下的list没关系了。

list = e.data;//直接改成_this.list = e.data
###

gain 方法里的 listsuccess 里被覆盖了。
这样改应该可以解决:

// ...
gain: function(){    
    var _list = this.list;
    success: function(e){
        // ... 省略了一些代码,应该不影响理解
        _this.$set(_list, i, list[i]);
    }
}
###

你的list错了

gain: function(){    
    // ....
    success: function(e){
        _this.$set(_this.list, 'show', false);
    }
}

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • vue接口数据渲染不到页面上

    vue接口数据渲染不到页面上

  • vue form表单提交上传图片,还有表单数

    vue form表单提交上传图片,还有表单数

  • Vue-router addRoutes添加路由后还是跳

    Vue-router addRoutes添加路由后还是跳

  • react子组件接收到了父组件传来的值,

    react子组件接收到了父组件传来的值,

腾讯云代理商
海外云服务器