美文网首页
关于vue路由传值,组件传值问题

关于vue路由传值,组件传值问题

作者: 小菜鸟9102 | 来源:发表于2019-05-28 16:27 被阅读0次

1,路由传值

方式一:使用函数方式,通过路由的路径带参数,同时配置路由的时候也要带上参数,获取参数使用this.$route.params.id,直接拿路由里面的参数。

方式二:也是函数方式,但是不用再路由页面单独配置参数来接收,这种方式是通过name去跳转,第三种是使用path去跳转,写法是一样的。

组件间的传值

父传子,直接在父组件页面的子组件标签上直接传值就行,子组件使用props接收,在页面直接使用就可以了

子传父,见上图的函数toAbout,使用$emit 触发父组件的自定义事件( @transferAbout="gettwo"),

再使用父组件的事件接收。

接收参数

笔者也是个初学者,有错误的地方希望大家指出来,一起学习,一起进步。

相关文章

  • 关于vue路由传值,组件传值问题

    1,路由传值 方式一:使用函数方式,通过路由的路径带参数,同时配置路由的时候也要带上参数,获取参数使用this.$...

  • Vue - 传值

    Vue 传值有两种:1)父组件向子组件传值(属性传值,Prop传值)2)子组件向父组件传值 一、父组件向子组件传值...

  • 2018-09-28

    1.vue 路由跳转传值 -------- 最好用vuex,bus不适合在路由跳转中传值,因为需要初始化组件 2....

  • Vue父子组件通信和双向绑定

    本篇文章主要介绍父子组件传值,组件的数据双向绑定。 1. 基础父子组件传值 父子组件传值,这是Vue组件传值最常见...

  • (VUE3) 四、组件传值(父子组件传值 & 祖孙组件传值 &v

    1.父子组件传值 vue2中的父子组件传值:父组件: 子组件: vue3中的父子组件传值: 还是用props接收父...

  • vue2.0的三种常用传值方式,并且如何实现?

    vue2.0 组件传值方式有三种:父组件向子组件传值,子组件向父组件传值,非父子组件传值 : 父传子: 首先现在父...

  • 前端基础搬运工-VUE模块

    十、VUE模块 基础部分 1. Vue组件间传值 答: -[ ] 1.父子之间的传值 父组件向子组件传值通过p...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 2019-03-13

    vue父子组件传值,(父组件向子组件传值用prop ,子组件向父组件传值:子组件调用父组件方法值以参数的方式传递)...

  • 组件通信

    vue传值可分为父子之间传值、兄弟组件之间传值、跨代组件之间传值 1.父子之间传值:可以使用$emit/props...

网友评论

      本文标题:关于vue路由传值,组件传值问题

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