vue2无缝刷新

最新推荐文章于 2024-08-22 11:06:05 发布

一个热爱前端的小胖子

最新推荐文章于 2024-08-22 11:06:05 发布

阅读量151

点赞数 1

分类专栏： vue2 文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_70243424/article/details/135023103

版权

vue2 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

本文介绍了在Vue应用中如何使用`isRouterAlive`变量配合`nextTick`方法实现动态控制``的显示与隐藏，以实现实时刷新功能。组件间通过provide/inject进行通信，提供reload方法进行调用。

摘要由CSDN通过智能技术生成

 // app.vue

<router-view v-if="isRouterAlive" />
 
 data() {
    return {
      isRouterAlive: true,
    };
  },
  methods: {
    reload() {
      this.isRouterAlive = false;
      this.$nextTick(function () {
        this.isRouterAlive = true;
      });
    },
  },
  provide() {
    return {
      reload: this.reload,
    };
  },