vue中使用provide和inject刷新当前路由(页面)

Posted cwxwdm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue中使用provide和inject刷新当前路由(页面)相关的知识,希望对你有一定的参考价值。

1.场景

在处理列表时,常常有删除一条数据或者新增数据之后需要重新刷新当前页面的需求。

2.遇到的问题

1. 用vue-router重新路由到当前页面,页面是不进行刷新的

2.采用window.reload(),或者router.go(0)刷新时,整个浏览器进行了重新加载,闪烁,体验不好

3.解决方法

provide / inject 组合

作用:允许一个祖先组件向其所有子孙后代注入一个依赖,不论组件层次有多深,并在起上下游关系成立的时间里始终生效。

App.vue

技术图片

TagViewBar.vue

技术图片

技术图片

 

以上是关于vue中使用provide和inject刷新当前路由(页面)的主要内容,如果未能解决你的问题,请参考以下文章

vue中的页面刷新问题

vue3中provide和inject的使用

vue顶层组件通过provide + inject + computed + watch 动态传值

[转]VUE3中的Provide / Inject用法

vue 刷新当前页面的方式

Vue中provide和inject 用法(vue组件爷孙传值)