我是靠谱客的博主 犹豫面包,这篇文章主要介绍VUE + element-ui刷新当前页面,现在分享给大家,希望可以做个参考。

App.vue中配置入下

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div> </template> <script> export default { name: 'App', provide(){ return { reload: this.reload } }, data(){ return { isRouterAlive:true } }, methods:{ reload(){ this.isRouterAlive=false this.$nextTick(()=>this.isRouterAlive=true) } }, } </script> <style> html, body { margin: 0; padding: 0; } .el-table__body tr.current-row>td{ background-color: #BBBBBB; } </style>

需要使用的页面中调用如下

复制代码
1
2
3
4
5
6
export default { inject:['reload'], data() { } }
复制代码
1
2
this.reload()直接调用即可

 

最后

以上就是犹豫面包最近收集整理的关于VUE + element-ui刷新当前页面的全部内容,更多相关VUE内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(92)

评论列表共有 0 条评论

立即
投稿
返回
顶部