app.vue里面使用provide
<template>
<div id="app">
<Alert type="info" closable v-if="isShow">{{
$t(
"The current version is too low. Please use Google Chrome 76.0.3809.132 or above, Firefox Chrome 59.03 or above, Microsoft Edge Chrome 90.0.818.62 or above"
)
}}</Alert>
<router-view v-if="isReload" />
</div>
</template>
<script>
import { localRead,getToken } from "@/libs/util";
import { getExplorer } from "@/libs/tools";
import { mapMutations ,mapActions} from "vuex";
export default {
name: "App",
data() {
return {
isShow: false,
isReload:true,
};
},
provide() {
return {
reload: this.reload,
};
},
computed: {
//获取默认语言
local() {
return localRead("local");
},
},
methods: {
...mapMutations(["setLocal"]),
...mapActions(["getUserInfo"]),
reload() {
this.isReload= false;
this.$nextTick(() => {
this.isReload= true;
});
},
},
刷新页面使用
//引入
inject: ["reload"],
//使用
this.reload();