很多时候我们需要强制刷新页面,你知道的,vue数据驱动视图,数据变化就会导致页面刷新,但是还有一种隐藏的超级简单的方法:
比如:
TIM图片20200223002225.png
像这种tab页面标签,我要刷新当前标签,这时我们可以
<router-view :key="navKey"></router-view>
其中navKey你定义在data中初始为0,我们每点一次刷新就让navKey++,key的变化会导致router-view刷新从而导致页面刷新
你说navKey是在父组件定义的,标签栏是子组件获取不到?
这时你可以用this.$parent获取父组件中定义的navKey,照样可以操作
同样的key可以用在任何你想要刷新的元素上, div也行,所以这样你可以主动刷新页面的任何一个地方,只要你给他定义的key
网友评论