美文网首页
vue路由传参.md

vue路由传参.md

作者: _无为_ | 来源:发表于2018-11-13 18:28 被阅读0次

两种传参方法

1.命名路由传参(name, params方式)

    this.$router.push({name: 'users', params:{userId: 1243}})

2.路由路径传参(path, query方式)

    this.$router.push({path: '/user', query:{id : 12}})

两种获取路由传参(注意:是$route)

1.params获取

    this.$route.params.userId

2. query获取

  this.$route.query.id

总结:

    1.两者都是传1个对象,两个属性,一个是路由指向,一个是附带参数
    2. 两者获取传参数据是this.$route非this.$router
    3. 区别是两者属性字段不是一样,勿搞混
    4. query有点像get请求方法一样把数据暴露在地址栏, params则和post一样把数据封装成一个对象,隐藏起来  

相关文章

  • vue路由传参.md

    两种传参方法 1.命名路由传参(name, params方式) 2.路由路径传参(path, query方式...

  • 31.vue传参

    1.vue传参 vue传参使用路由传参params,query,或者使用vuex,localStorage,vue...

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

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

  • Vue-Router

    1. 路由配置 默认路由跳转 在 new Router时可用的配置参数: 2.路由传参 Vue路由传参的几种方式 ...

  • vue 路由传参的三种方式

    vue路由传参方式 params query vuex + sessionStore

  • 路由的传参

    路由的传参 下载:npm install vue-router路由的传参:1.查询字符串:/user/regist...

  • vue 页面传参,不通过路由传参

    1,vue 传参,不通过路由传参 1,项目文件结构 2,list.vue 文件 3,... tab1.vue 文件

  • 路由的传参 axios

    1,路由的传参:案例: 2,axios下载:npm install vue-router路由的传参:1.查询字符串...

  • vue - 路由带参跳转

    vue路由传参按照传参方式可划分为params传参和query传参; params传参分为在url中显示和影藏参数...

  • 路由传参 query 和 params

    vue路由传参分为两种情况: 一、query和params传参的区别: 1、query传参显示参数,params传...

网友评论

      本文标题:vue路由传参.md

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