vue重新渲染子组件

在vue中,有时候我们需要重新渲染子组件,例如在本次earn-big-money项目中,问卷页面是一个子组件。当发布任务者发布了问卷,发布者在任务详情处需要查看不同人提交上来的问卷,由于问卷的内容在组件渲染之后就已经固定了,因此切换不同人的问卷重新加载渲染问卷组件。

在这里可以使用v-if。

<v-SurveyViewer v-if="loadSurvey">
</v-SurveyViewer>

当v-if内的条件为false时,组件就会结束渲染,然后再让它为True,就可以重新加载了,但是要注意,不能直接将变量改为false后立即改为true,需要在下一个事件循环“tick”后再修改,因为dom异步更新要在下一个“tick”更新。

this.loadSurvey = false
this.$nextTick(()=>{
	this.loadSurvey = true
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值