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

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)

//打印结果


**自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。**

**深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!**

**因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/e4322e0aee31cbf4382ba3021a490d0c.jpeg)
![img](https://img-blog.csdnimg.cn/img_convert/e785969147d32698ae156618155ba938.png)
![img](https://img-blog.csdnimg.cn/img_convert/a061c74022ee7197eef2bad813e11aa1.png)
![img](https://img-blog.csdnimg.cn/img_convert/28c2c07e548521a09e254a46042c81c5.png)
![img](https://img-blog.csdnimg.cn/img_convert/597ea1ab84bd0c90778d31a87adbc967.png)
![img](https://img-blog.csdnimg.cn/img_convert/910383eac7bcd2e8a2ead398fbdac534.png)

**既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!**

**由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新**

**如果你觉得这些内容对你有帮助,可以添加V获取:vip1024c (备注前端)**
![img](https://img-blog.csdnimg.cn/img_convert/a2b8f6daed461b59328223ad4d098209.png)



### 最后:

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。

面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。



![](https://img-blog.csdnimg.cn/img_convert/2846375e978a86ba89090068c1e1d48c.webp?x-oss-process=image/format,png)

**一个人可以走的很快,但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎扫码加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!**
![img](https://img-blog.csdnimg.cn/img_convert/8af7041f1dfadc1213fb2c89d79f92e9.png)

厂内推、面试辅导),让我们一起学习成长!**
[外链图片转存中...(img-VdzVX5CJ-1712870287622)]

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
重新渲染页面,可以使用 `uni.$emit` 和 `uni.$on` 方法来实现。首先,在需要重新渲染页面中,注册一个事件监听器: ``` // MyPage.vue export default { created() { uni.$on('update', this.handleUpdate) }, destroyed() { uni.$off('update', this.handleUpdate) }, methods: { handleUpdate() { // 重新渲染页面的逻辑 } } } ``` 然后,在需要重新渲染的地方,使用 `uni.$emit` 方法触发事件: ``` // SomeComponent.vue export default { methods: { update() { uni.$emit('update') } } } ``` 至于多种设置全局变量及全局变量重新赋值,可以使用 VueX 进行状态管理。在 `store/index.js` 文件中定义全局变量和方法: ``` import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const store = new Vuex.Store({ state: { globalVariable: 'initial value' }, mutations: { setGlobalVariable(state, value) { state.globalVariable = value } }, actions: { updateGlobalVariable({ commit }, value) { commit('setGlobalVariable', value) } } }) export default store ``` 然后在需要使用全局变量的组件中,使用 `mapState` 将全局变量映射到组件的计算属性中,并使用 `mapActions` 将更新全局变量的方法映射到组件的方法中: ``` // SomeComponent.vue import { mapState, mapActions } from 'vuex' export default { computed: { ...mapState(['globalVariable']) }, methods: { ...mapActions(['updateGlobalVariable']), updateValue(newValue) { this.updateGlobalVariable(newValue) } } } ``` 这样,就可以在组件中使用全局变量并更新它了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值