组件传值后刷新组件

组件传值后更新组件

我们在写页面时，常常会用到组件传值，但是传完值以后页面并不会刷新，这时候就需要用到页面强制刷新,来是页面进行重新渲染.
方法十分简单,我们可以在data中声明一个布尔值的变量

data() {
	return {
		refresh: true,
	}
}

然后在组件上添加一个 v-show

<module v-show="refresh"></module>

当我们在script中获取到刷新后的数据后,对refresh重新赋值即可:

async getInfo() {
	// 获取数据
	let {data, res} = await info({data:data}) 
	this.info = data
	// 对refresh重新赋值
	this.refresh = false
	this.$nextTick(() => {
       	this.refresh = true
   	})
}

将refresh重新赋值之后,组件就会重新刷新,就达到了更新数据的目的,ok,问题解决.