Vue异步获取数据后初始化数据不能及时更新

1.钩子函数尽量使用mounted来完成初始化函数，根据vue的生命周期尽量不要用mounted之前的

2.对于可能要改变的值，最好直接写到data{}中，比如这样写：

而不是在mounted中这样写

这个问题发现于修改一处input绑定的对象属性，另外一处{{person.name}}不能及时更新，vue似乎只会对第一层（这里的m80）的数据进行实时更新，如果想让他对第二层（m80里的m8006等字段）实现双向绑定必须写到data{}里

3.如果还不能实时更新，通过vue的官方$set方法可以实现手动设置

4.一些特殊set方法，比如其他js框架的set方法，会和vue的方法冲突造成数据不能同步

总结：学习Vue还是得脚踏实地好好补一下基础，这里我记得最初看例子就是把对象定义到data里的，后来就忘了

官方解释：https://cn.vuejs.org/v2/guide/reactivity.html

vue生命周期：https://blog.csdn.net/chasenzh/article/details/78045330

参考：http://www.fly63.com/article/detial/864?type=3web

Vue异步获取数据后初始化数据不能及时更新相关推荐

React 挂载完毕后初始化数据注意点
React 挂载完毕后初始化数据注意点一般情况下我们会在挂载完毕后对变量进行初始化 useEffect(() => {// .... },[]) useEffect内部存在着闭包,即内部 ...
datatables 获取筛选后的数据
https://blog.csdn.net/weixin_34417200/article/details/88204395 背景: 使用 jquery 的表格插件 datatables 获取它筛选后 ...
Oracle 删除数据后释放数据文件所占磁盘空间
. . . . . 测试的时候向数据库中插入了大量的数据,测试完成后删除了测试用户以及其全部数据,但是数据文件却没有缩小.经查阅资料之后发现这是 Oracle "高水位"所致,那么 ...
Oracle 删除数据后释放数据文件所占磁盘空间(表空间降高水位)
测试的时候向数据库中插入了大量的数据,测试完成后删除了测试用户以及其全部数据,但是数据文件却没有缩小.经查阅资料之后发现这是 Oracle "高水位"所致,那么怎么把这些数据文件的 ...
当计算机从硬盘读取数据后将数据,当计算机从硬盘读取数据后，将数据暂时储存在于（）...
排烟排气空气.移压缩引置B罩C装置气装动式固定机式式排.随,当计常用的有较为. 人们子祭除了对孔外,算机数据还要进行,,儒家承达对的继为表思想. 华山衡山泰山,从硬储存庙宇岳庙岳的是祭,其中东岳是指. ...
C# DataGridView控件绑定数据后清空数据
在清除DataGridview的数据时: 1.DataSource为NULL(DataGridView.DataSource= null;)这样会将DataGridView的列也删掉. 2.用Data ...
vue异步获取图片流文件进行图片显示
图片流转图片地址通过window.URL.createObjectURL可以将图片流转化为本地请求地址,然后直接通过<img src="转化后的地址"/> 注意: 需 ...
tushare获得股票数据后进行数据合并
tushareID:511783 1.各种模块的导入 %matplotlib inline import matplotlib.pyplot as plt import seaborn plt.sty ...
Excel直接从菜单栏数据→从文本导入数据后部分数据会自动进位或者变0
在处理PDW字.txt文件的过程中,因为有文字和逗号等,无法直接用matlab读取参数矩阵,当数据量比较大时,手动删除很麻烦,因此利用excel来完成文字和逗号的消除.但在此过程发现,导入数据的过程中 ...
LayUi 树形组件tree 实现懒加载模式，展开父节点时异步加载子节点数据
LayUi框架中树形组件tree官方还在持续完善中,目前最新版本为v2.5.5 官方树形组件目前还不支持懒加载方式,我自己修改了下最新源码tree.js,简单粗暴的方式支持懒加载模式.(Ps:最新更新 ...

Vue异步获取数据后初始化数据不能及时更新

Vue异步获取数据后初始化数据不能及时更新相关推荐

最新文章

热门文章