美文网首页
vue动态路由传值和get传值

vue动态路由传值和get传值

作者: lookphp | 来源:发表于2020-05-12 13:59 被阅读0次

1、动态路由传值
2、get传值

不同路由传值:动态路由

1、配置动态路由,main.js

const routes = [
  { path: '/content/:aid', component: Content },
]

2、在列表页NewsList绑定动态数据

 <router-link :to="'/content/'+index">{{index}}---{{item}}</router-link> 

3、在对应content页面获取传值

this.$route.params //获取动态路由的值

get传值

1、配置路由,非动态,main.js

const routes = [
  { path: '/pcontent/', component: PContent },
]

2、在列表页NewsList绑定动态数据

 <router-link :to="'/pcontent?pid=' + index">{{index}}--{{item}}</router-link>

3、在对应content页面获取传值

console.log(this.$route.query) //获取get传值

相关文章

  • vue路由的介绍(二)--vue动态路由和get的传值

    vue动态路由和get的传值---->同属于路由的传参 1,vue动态路由: 动态路由的配置: ①,在配置路由时加...

  • vue动态路由传值和get传值

    1、动态路由传值2、get传值 不同路由传值:动态路由 1、配置动态路由,main.js 2、在列表页NewsLi...

  • vue-router配置笔记

    路由的配置 二、动态路由传参1.配置动态路由 2.在对应的页面 三、get传值

  • angualr JS跳转GET传值

    一:什么是动态传值与get传值? 在这要区分一个概念:动态传值与get传值。angualr的动态传值如下,当我点击...

  • React-router 路由传值两种方式

    和vue的路由传递在获取值的时候稍微有点不同 安装路由 页面引入路由 1.get传值 路由正常配置 传递值 接收值...

  • Vue动态路由传值与Get传值

    一、动态路由传值 1、在main.js中配置接收值的组件的路由时,预留传递参数的“形参” 2、在传值的组件中,用路...

  • 传值路由

    1、get传值 1.跳转 2.接收 2、动态传值 1.配置路由 { path: 'newscontent/:aid...

  • node-koa-路由传值

    一、Koa路由post传值 二、Koa路由get传值 在koa2中GET传值通过request接收,但是接收的方法...

  • 2019-01-03 动态路由配置及get取值

    一个页面跳转到另外一个页面进行传值方法: a).动态路由 b).get传值 c).localstorage 1.动...

  • Vue页面间传值

    Vue传值的方式有正向传值和反向传值 正向传值:上一页面 --> 下一页面 路由传值 本地储存 eventbus ...

网友评论

      本文标题:vue动态路由传值和get传值

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