背景:vue项目导航栏标签需要增加刷新按钮,故考虑到组件重载的方法。

方案:让路由跳转至一个不在的地址,若检测到此地址不存在则重新加载当前组件。

<el-tab-pane v-for="item in pageLists" :key="item.path" :name="item.path">
        <span slot="label">
          <span class="el-icon-refresh" @click="reFresh"></span>
          <span>{{ item.content }}</span>
        </span>
</el-tab-pane>

reFresh() {
      this.$router
        .push({ path: '/redirect/' + this.$route.path })
        .catch(err => {
          err;
        });
    },

您已经阅读00:00:00欢迎留言评论,喜欢的话就为作者点个赞或者赏颗糖吧! 分享