Vue相关合集:<系列7-在 Vue 中踩过的坑>

本文分享了在Vue开发中遇到的三个问题及其解决方案。首先,针对路由变化但页面数据不刷新的问题,建议使用watch监听路由变化或路由来源。其次,对于对象新增属性非响应式,推荐使用Vue.set确保属性响应式。最后,若在created钩子中尝试操作DOM失败,可利用Vue.nextTick来延迟获取DOM。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我在vue踩过的坑:

第一个就是路由变化但页面数据却没刷新,是因为依赖路由的params参数写在created生命周期里了,相同路由二次甚至多次加载的关系,没有达到监听,退出页面再进入另一个页面并不会运行created钩子函数,所以数据还是第一次进入的数据并没有更新,可以用watch监听路由是否发生变化或者用watch监听是从什么路由跳转过来的

第二个就是给对象添加属性的时候,直接通过给 data 里面的对象添加属性 然后赋值,新添加的属性并不是响应式的,可以通过 Vue.set(对象,属性,值)这种方式让对象新添加的属性是响应式的

第三个就是在created 操作 dom 的时候,获取不到 dom,并且还会报错,因为这个时候Vue 实例并没有挂载,这种情况可以通过:Vue.nextTick(回调函数进行获取)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值