页面跳转及传参

简介: 页面跳转及传参

标签写法


使用<router-link>跳转,<router-link> 默认会被渲染成一个 `<a>` 标签


  1. <router-link to="/btn">通过to指定链接</router-link>
  2. <router-link :to="{ path:'/btn'} ">根据path跳转</router-link>


<router-link :to="{ name:'user'} ">根据name跳转</router-link>


编程式写法


router.go()、router.push()、router.replace()


router.go()类似于js的history.go(),0刷新,正数前进,负数后退


router.push()在历史堆栈中添加路由,


  1. router.push('/')
  2. router.push({path:'/'})
  3. router.push({name:'home'})


相关文章
|
小程序
小程序wx.switchTab的跳转传参问题
小程序wx.switchTab的跳转传参问题
178 0
|
2月前
|
JavaScript 网络架构
路由传参及跳转方式
路由传参及跳转方式
|
3月前
|
JavaScript 前端开发
JavaScript 地址信息与页面跳转及跳转传参
JavaScript 地址信息与页面跳转及跳转传参
31 1
|
6月前
uniapp 实现带参数跳转页面
uniapp 实现带参数跳转页面
100 0
|
6月前
跳转传参的方式
跳转传参的方式
24 0
|
JavaScript 前端开发
跳转传参有几种方式
跳转传参有几种方式
66 0
|
人工智能 JSON 自然语言处理
微信小程序页面跳转如何传递对象参数
微信小程序页面跳转如何传递对象参数
440 0
|
JavaScript
vue-router跳转和跳转传参方法
使用编程式导航 使用 router.push() 方法进行路由跳转,可以在其中传入一个路由对象,也可以传入一个字符串路径:
100 0
|
小程序 JavaScript
小程序点击事件传参
小程序点击事件传参
299 0