vue多页面路由跳转应用

Posted 2023-03-14

参考技术A 多页面之间的路由跳转

比如说A页面的运行地址是 http://localhost:8080/A.html#/        A是列表页

            B页面的运行地址是http://localhost:8080/B.html#/152    B是从列表页进入的详情页

如果在A页面里面写@click=$router.push(path:'/B'+item.aa)

不管是这样写还是@click=$router.push(path:'./B'+item.aa)

出来的效果都是 http://localhost:8080/A.html#/B.html#/152 

而想要的效果不需要A.html#/的

最后多次实验查找网上资料，发现需要

用a链接在外层包裹一下，然后写href

:href = ". '/B.html#/' + item.aa "

这样就可以直接多个页面之前的跳转了