vue传参,没有变化(渲染机制:指向内容仍然在,我认为我没有必要渲染)(uniapp)

文章描述了一个在使用Vue时遇到的问题,即在数据更新后,使用v-if指令的条件渲染未按预期工作。问题出在`caseTotalBot&&isHandle===0`的条件上,当`isHandle`的值改变但对象引用不变时,组件并未重新渲染。解决方案是通过增加一个变化的属性,如`bugNum`,确保对象有变化,从而触发渲染。组件的props定义为可接受对象,并设置默认值为一个空对象。

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

今天遇到一个怪事,就是,加个判断渲染,改变布尔值,居然没有变化

<template v-if="caseTotalBot&&isHandle==0" >
						<case-total   :ec="ec3" />	
</template>

这个e3传入给组件case-total

渲染第一次有,第二次就没有了

data() {
			return {
                e3:{}
            }
}

解决方案

let bugNum=0;
//在添加数据的地方,给个变化
e3:{
    bugNum:bugNum++
}

原因是:指向内容仍然在,我认为我没有必要渲染

这是props组件内容

ec: {
				type: Object,
				default: function() {
					return {}
				}
			}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值