问题描述:

今天使用前端框架的时候发现一个小问题:在使用TDesign的时候,发现点击侧边栏的时候地址栏发生了改变但是页面不跳转。

从一开始通过官网将TDesgin拉取下来直接开跑。成功跑起来也成功进入了页面。

但是当我去切换点击侧边栏切换页面的时候,发现页面不跳转,但是地址栏发生了改变。

仔细看地址栏已经发生改变但是页面却没有反应,但我刷新浏览器后页面却发生了改变。

好奇怪的现象。

解决方案:

出现上面的问题肯定是路由出现了问题,f12开始调试,发现跳转的时候路由未定义。

只需要在src/router/index.ts文件中的getActive方法加入如下的代码:

  if (route === undefined) {
    return '';
  }

修改前的代码:

修改后的代码:

成功解决地址栏切换页面跳转的情况。

还需要的注意事项:

还有一个问题就是在添加自己的页面的时候,要注意,不要直接在<template></template>标签中直接添加元素或者标签,需要用一个大的div标签来进行包裹,否则路由依然会出现问题。

正确示例:

错误示例:

各位大佬点点赞,收藏收藏,这个问题困扰了我三天三夜。

Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐