vue hash模式下重复点击菜单栏报错问题

可以在点击路由跳转的时候 query 方式绑定一个时间戳:

    handleSelect(key, keyPath) {
      let destination = "/" + key;
      this.$router.push({
        path: destination,
        query: {
          //绑定随机数以跳转相同路由
          time: Date.now(),
        },
      });
    },

<!-- 绑定sidebar的随机数以刷新页面 -->
<router-view :key="$route.path + $route.query.time"></router-view>

或者

<router-view :key='$route.fullPath'></router-view>
组件被强制不复用

 

posted @ 2021-04-27 15:52  收藏小能手  阅读(131)  评论(0编辑  收藏  举报