Vue.js 二次获取数据界面数据不更新

🌙
手机阅读
本文目录结构

场景:

vue2 项目,第一次获取接口 A,返回数据 M;

{
    a:1,
    b:2,
    c:3,
}

然后根据返回数据 M 再获取【接口 B】,拿到数据 N;

{
    c:300,
    d:200
}

界面情况:N 数据中 c 可以更新,但是d不显示;(如果配置了热加载,并且此时改动代码并保存,界面d会开始渲染)

解决方法

是因为 d 开始时候就没有声明的原因;

在开始就声明,或者在第一次获取数据 M 时候就直接手动写了d, 后面再修改的时候,就会开始变化的;

合理做法

向写普通 JS 一样,所有用到的数据,都提前声明;按照规范书写;


AXIHE / 精选资源

浏览全部教程

面试题

学习网站

前端培训
自己甄别

前端书籍

关于朱安邦

我叫 朱安邦,阿西河的站长,在杭州。

以前是一名平面设计师,后来开始接接触前端开发,主要研究前端技术中的JS方向。

业余时间我喜欢分享和交流自己的技术,欢迎大家关注我的 Bilibili

关注我: Github / 知乎

目前重心已经放在研究区块链上面了

我叫朱安邦,阿西河的站长

目前在杭州从事区块链周边的开发工作,机械专业,以前从事平面设计工作。

2014年底脱产在老家自学6个月的前端技术,自学期间几乎从未出过家门,最终找到了满意的前端工作。更多>