vue 解决 数据改变 但页面不渲染

本文探讨了数据变更后页面渲染延迟的问题,并提供了两种解决方案:一是使用Vue.js中的$forceUpdate()方法强制更新视图;二是根据项目具体情况采取相应策略。通过实际案例分析,帮助开发者有效解决页面延迟渲染的常见难题。

最近好懒,平时遇到的好多坑都没有第一时间总结和记录,这两天因为踩到了同一个数据改变,页面延迟渲染的坑,所以记录一下,如下图:
在这里插入图片描述
是当编辑时获取详情数据回显的接口,当验收人的下拉列表想重新选择时,页面迟迟没有改变,这里的解决方法是手动触发视图,
即:$ forceUpdate()方法,如下图:
在这里插入图片描述
另外一种解决数据改变,页面延迟渲染或者不渲染的方法是:
在这里插入图片描述
根据项目情况而定,我是两种方法在不同场景的bug里各自用上了

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值