vue使用$router传递参数

作者: 大雨王 | 来源:发表于2018-11-21 15:43 被阅读0次

第一次使用简书，随便写写

初学vue,菜鸟一枚，遇到的问题记录下来，防止以后又入坑。

vue组件之间相互跳转，传递参数的方式有很多种，我比较喜欢用js方式

this.$router.push({
  name:'index',
  params: {
    uname:this.uname,
    password:this.password
  }
})

或者

this.$router.push({
  name:'index',
  query: {
    uname:this.uname,
    password:this.password
  }
})

目的组件获取参数

this.$route.params

和

this.$route.query

注意：
传进push方法的参数中，包装你需要传递的参数的键值是params，则表达跳转路径的键值必须是name而不是path，否则只能发生组件跳转，却传递不了参数。如果包装参数的键值是query，则path和name都可以。

使用vue套件router-link之后组件参数的传递
使用vue套件router-link之后组件参数的传递背景：在页面使用了router-view+router-li...
vue-router传参&刷新消失的问题
在做VUE项目的时候需要使用router-link进行参数传递，当时查看了下vue-router的api，看到...
vue使用$router传递参数
第一次使用简书，随便写写初学vue,菜鸟一枚，遇到的问题记录下来，防止以后又入坑。 vue组件之间相互跳转，传递...
Vue--------vue-router
app.vue router/index.js 参数传递方法一（name传递参数）在index.js里设置na...
vue-router-参数
一、概要 vue-router传递参数分为两大类编程式 router.push 声明式...
Vue-router 相关
一、vue-router 如何传参 1、用name传递参数步骤：（1）在路由文件src/router/in...
vue-router传递参数的几种方式
vue-router传递参数分为两大类编程式导航 router.push 声明式的导航 ...
vue-router传递参数的几种方式2020-11-18
vue-router传递参数分为两大类编程式的导航 router.push 声明式的导航
vue----传参
一、用name传递参数二、通过标签中的to传参三、vue-router 利用url...
vue中路由传参
一、使用router-link进行路由导航，传递参数 => 父组件中：使用
网友评论

本文标题：vue使用$router传递参数

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

相关文章