vue在父组件强制重载子组件的方法

在实习项目中,为实现列表个性化展示,作者遇到了在父组件中如何在未保存更改时回退子组件状态的问题。通过理解Vue的diff机制,作者发现可以通过改变子组件的key值来强制重载子组件,达到刷新目的,从而解决实际问题。
摘要由CSDN通过智能技术生成

问题出现点

实习第三周,公司项目需要定制列表的表头从而个性化列表展示,我将列数据放在父组件上,一个组件专司展示列表,一个组件用以控制展示列,这个组件需要在选中某列但是点击取消后将选择回退到以前的状态,由于没有点确定,数据没有发生变化,导致使用 this.$fouceUpdate 无法实现效果,这时我想通过强制刷新列选择组件实现数据回反,具体操作如下:

<template>
	<div>
		<Demo :key="id"/>
		<button @click="handleId">click<
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值