美文网首页
vue多页面路由跳转应用

vue多页面路由跳转应用

作者: Light_shallow | 来源:发表于2018-11-20 18:03 被阅读0次

多页面之间的路由跳转

比如说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 "

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

相关文章

  • vue多页面路由跳转应用

    多页面之间的路由跳转 比如说A页面的运行地址是 http://localhost:8080/A.html#/ ...

  • vue项目开发需要用到的东西(spa)

    注: spa是单页面应用,就是通过路由跳转切换页面,vue默认是这样的,如果需要开发多页面应用如官网之类的网站需要...

  • 10 Vue路由、http请求、跨域请求fetch/axios/

    1、Vue路由的使用 ->页面之间跳转其不会刷新页面 ->单页面应用 ->用户体验感良好 (1).安装路由模块:n...

  • VUE-8.路由

    vue的路由使用在SPA应用中的组件跳转,相当于多页面的 a标签。官网[https://router.vuejs....

  • Vue学习(3)Router,Vuex,构建打包与部署

    Router 路由,负责Vue不同组件之间的跳转切换,使单页面应用具有和多页面相同的效果。 安装与导入 推荐在模块...

  • SPA及其优缺点

    SPA:单页面web应用,一般整个应用只有一个html页面,通过前端路由实现无刷新跳转。 Vue就是SPA应用的典...

  • SPA及其优缺点

    SPA:单页面web应用,一般整个应用只有一个html页面,通过前端路由实现无刷新跳转。 Vue就是SPA应用的典...

  • IOS 页面切换

    写ios应用的页面切换不比写网页容易,网页应用可通过路由控制页面的跳转,而 ios 应用没有路由概念,所以页面跳转...

  • vue-router用法

    vue 路由 路由点击跳转不会页面刷新,可以保留数据 安装vue-router:npm install vue-r...

  • Vue路由this.$router.push跳转页面不刷新

    一、背景 介绍:在vue项目开发中,使用路由进行页面跳转时,路由所跳转的页面不进行刷新。也就是vue生命周期函数没...

网友评论

      本文标题:vue多页面路由跳转应用

      本文链接:https://www.haomeiwen.com/subject/qjixqqtx.html