原文:react数组数据变化后不重新渲染,加了key也没有用?你更新数据的方法错了。

一般是初学react的同学才会出现这样的问题,虽然不难,却很困扰。这是因为数组,是引用,你虽然更新了数组,但是数组的引用地址没有变化,react就不会认为它有变化。所以,只需要在复制的时候,对之前的数组进行深拷贝,再将新的数组set给原来的变量,就ok了。附上之前写的深拷贝代码一份。 export const deepCopyObj obj gt 对象及数组深拷贝 if Object.protot ...

2020-10-05 22:51 0 2200 推荐指数:

查看详情

vue数据更新,页面不重新渲染问题

在写歌单评论中,遇到一个问题,提交自己的评论,会重新获取一次评论的数据,发现此时页面并没有显示自己刚才提交的评论, 在watch 方法中使用 this.$forceUpdate() 强制更新页面,可以实现重新渲染数据 ...

Fri May 28 08:04:00 CST 2021 0 1925
VUE 数据变化页面不加载(数组重新赋值不渲染

当vue中data里声明或者已经赋值过的对象、数组时,向对象中添加新的属性,如果更新此属性的值,页面不会更新视图。 举个栗子:当我点击按钮想要改变message中的值时 此时当我点击按钮,页面并不会发生改变。 官方定义:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新 ...

Tue Jun 23 23:44:00 CST 2020 0 11805
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM