问题描述:
今天使用前端框架的时候发现一个小问题:在使用TDesign的时候,发现点击侧边栏的时候地址栏发生了改变但是页面不跳转。
从一开始通过官网将TDesgin拉取下来直接开跑。成功跑起来也成功进入了页面。
但是当我去切换点击侧边栏切换页面的时候,发现页面不跳转,但是地址栏发生了改变。
仔细看地址栏已经发生改变但是页面却没有反应,但我刷新浏览器后页面却发生了改变。
好奇怪的现象。
解决方案:
出现上面的问题肯定是路由出现了问题,f12开始调试,发现跳转的时候路由未定义。
只需要在src/router/index.ts文件中的getActive方法加入如下的代码:
if (route === undefined) {
return '';
}
修改前的代码:
修改后的代码:
成功解决地址栏切换页面跳转的情况。
还需要的注意事项:
还有一个问题就是在添加自己的页面的时候,要注意,不要直接在<template></template>标签中直接添加元素或者标签,需要用一个大的div标签来进行包裹,否则路由依然会出现问题。
正确示例:
错误示例:
各位大佬点点赞,收藏收藏,这个问题困扰了我三天三夜。