vue或者uniapp修改数据后页面不重新渲染

1.数据是对象

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

复制代码
this.items=JSON.parse(JSON.stringify(this.items));
2.数据是数组
this.$set 方法,可以显式地告诉Vue,某个属性的值已经发生了变化,从而触发视图的更新
复制代码
let arr = [
    {name:'lxy',age:16},
    {name:'zzf',age:13},
    {name:'zp',age:17}
]
const obj = {name:'aaa',age:11},

//arr是修改的数组  index是修改的索引  obj是修改的数据

this.$set(arr,1,obj)

//打印结果
[
    {name:'lxy',age:16},
    {name:'aaa',age:11},
    {name:'zp',age:17}
]
相关推荐
恋猫de小郭3 分钟前
Flutter 开发怎么做 Agent ?从工程实战详细给你解读下
android·前端·flutter
IT_陈寒5 分钟前
React状态更新延迟搞晕我,原来是闭包在捣鬼
前端·人工智能·后端
晓得迷路了5 分钟前
栗子前端技术周刊第 136 期 - pnpr、Flow 重构移植 Rust、Astryx...
前端·javascript·css
柳杉19 分钟前
别再手写大屏了!用这套「3D 地图 + 拖拽脚手架」示例源码,交付效率提升 80%
前端·three.js·数据可视化
乌夷28 分钟前
Vue.js 3 的设计思路
前端·javascript·vue.js
丨我是张先生丨1 小时前
英语单词 Web Page
前端·css·css3
千逐681 小时前
Uniapp 鸿蒙实战之 AtomGit APP - 首页设计与仓库列表实现
华为·uni-app·harmonyos
随风一样自由1 小时前
【前端+Vitest测试框架】Vitest | Playwright | WebdriverIO | Preview
前端·前端框架·可用性测试
前端之虎陈随易10 小时前
编程语言级别的Skill市场,AI Agent 的未来形态
前端·vue.js·人工智能·typescript·node.js
一路向北he10 小时前
字节钢铁军团--“提供情境,而非控制”
java·开发语言·前端