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项目

热门文章

修复群晖Synology Drive client右键菜单缺失问题 本教程主要解决windows10右键菜单中没有SynologyDrive菜单的问题,整体思路是找到...修复群晖SynologyDriveclient右键菜单缺失问题 作者:Pastore Antonio
1826 浏览量
docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 前言:有时候我们会在docker上下载一个镜像,或者是上传一个镜像到docker上,甚至有时候就是在...docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 作者:Pastore Antonio
1808 浏览量
Adobe Acrobat Pro 激活 这里记录了一些AdobeAcrobat的激活教程和组件。浏览量:1,688 作者:Pastore Antonio
1535 浏览量
configure: error: Package requirements (oniguruma) were not met configure:error:Packagerequirements(oniguruma)...configure:error:Packagerequirements(oniguruma)werenotmet 作者:Pastore Antonio
1535 浏览量
追寻日出,找回自己 为什么我要去追寻日出?其实我是一个很懒的人,每次都起不来,直到有一次我在租房中睡到了大天亮,阳光照...追寻日出,找回自己 作者:Pastore Antonio
1515 浏览量