vue 使用this.reload方法刷新页面配置
1.在vue(app.vue文件)里配置:<template><div><router-view v-if="isRouterAlive" /></div></template><script>export default {provide() { //提供reload方法r...
·
1.在vue(app.vue文件)里配置:
<template>
<div>
<router-view v-if="isRouterAlive" />
</div>
</template>
<script>
export default {
provide() { //提供reload方法
return {
reload: this.reload
}
},
data() {
return {
isRouterAlive : true
}
},
methods:{ //刷新方法
reload() {
this.isRouterAlive = false;
this.$nextTick(function() {
this.isRouterAlive = true
})
},
}
};
</script>
在组件中使用:
<script>
export default {
inject: ['reload'],
methods:{
refresh() {
this.reload();
}
}
}
</script>
更多推荐
已为社区贡献26条内容
所有评论(0)