Logo

vue开发过程中,修改了数据,但是页面死活不渲染改变!没变化!怎么办?6种方法解决~

photo

2023年10月26日

方法1(推荐):用JSON.parse(JSON.stringify(objectOrArray))

通常是某个渲染的数组改变了层级较深的数据导致页面没有实时渲染

就这么写  this.items=JSON.parse(JSON.stringify(this.items));

方法2:用:key

给没有渲染改变数据的html元素加入:key=”update”

定义一个update:false,每次修改数据的时候在后面加一句this.update=!this.update;就可以刷新渲染了 

方法3:用$set

data() {

    return {

        d: { a: “旧的值” }

    };

},

this.$set(this.d,”a”,”新的值”);

方法4:用 $forceUpdate

在修改数据之后加入this.$forceUpdate();即可 

方法5:用 v-if

 就是给需要刷新数据点html标签加上v-if,让其重新渲染(笨办法)

方法6(极其不推荐):用location.replace(“”);

直接重新location.replace(“”); 刷新整个网页

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它
所有附件
该文章没有附件.
本文为原创文章,请注意保留出处!
idea调试vue项目 2023年10月27日

vue项目正常启动配置jsdebug配置的url就是前端的页面地址参考:http://www....idea调试vue项目

热门文章

WordPress 后台编辑器样式实现直接预览 在WordPress3.0以后,有一个新的实用功能:你可以更改默认后台编辑器(TinyMCE)的样...WordPress后台编辑器样式实现直接预览 作者:Pastore Antonio
1533 浏览量
【干货】Chrome插件(扩展)开发全攻略 写在前面我花了将近一个多月的时间断断续续写下这篇博文,并精心写下完整demo,写博客的辛苦大家懂的...【干货】Chrome插件(扩展)开发全攻略 作者:Pastore Antonio
1488 浏览量
memcached 处理 多端口:https://blog.csdn.net/Erica_1230/article/deta...memcached处理 作者:Pastore Antonio
1481 浏览量
使用Nginx+WordPress搭建个人网站 背景很多研究技术的朋友喜欢写博客。如果希望搭建一个完全属于自己的网站,也并不困难。这里简要分享一下...使用Nginx+WordPress搭建个人网站 作者:Pastore Antonio
1453 浏览量
C#图片处理 通常对一幅图片的处理包括:格式变换,缩放(Scale),翻转(Rotate),截取(Clip),滤镜...C#图片处理 作者:Pastore Antonio
1445 浏览量