美文网首页
50-Vue路由参数传递

50-Vue路由参数传递

作者: 梦想成为小仙女 | 来源:发表于2019-03-04 13:54 被阅读25次

回顾上一篇文章,路由就是通过哈希控制组件切换,那么这一章就要讲通过哈希给组件传递参数,全局路由对象,通过哈希地址传递,通过配置路由传递

一.全局路由对象

只要在vm中注册了路由,就可以从vm中获取$route对象


image.png
image.png

二.哈希地址传参

  • 给哈希跳转地址配置传递参数(不会影响路由配置文件判断路由)
  • 在组件的生命周期方法中获取参数


    image.png
    image.png
    image.png

三.配置路由传参(给组件)

  • 配置路由(写key占位符/:key)
  • 传递参数(/value)


    image.png
    image.png
    image.png

相关文章

  • 50-Vue路由参数传递

    回顾上一篇文章,路由就是通过哈希控制组件切换,那么这一章就要讲通过哈希给组件传递参数,全局路由对象,通过哈希地址传...

  • react-router-dom部分笔记

    1,向路由组建传递参数 (1)params 参数 路由链接(携带参数): 注册路由(声明接收) 接收参数this....

  • vue传参

    一、路由传参 1.1、 明文传参 ( 特点:URL路径 显示传递的参数 ) 路由跳转: 传递参数 接收参数 1....

  • React native数据通信

    导航器传递参数给路由往导航栏传递参数RN与原生模块通信 导航器传递参数给路由 示例:同导航器内的TestScree...

  • React中向路由组件传递参数

    1. params参数 路由链接(传递参数): 注册路由(声明接收): 接收参数:const {id,title}...

  • 第三十六节:Vue路由:Vue-router路由传参

    前沿: vue-router的路由跳转时传递参数有两种方式,: 一种是路由参数, 通过定义动态路由传递参数 另一种...

  • 第三十六节:Vue路由:Vue-router路由传参

    前沿: vue-router的路由跳转时传递参数有两种方式,: 一种是路由参数, 通过定义动态路由传递参数 另一种...

  • 2.在路由时传递数据

    三种方法 1.查询参数中传递数据 2.在路由的路径中传递数据(在定义路由路径时指定参数名字,实际路径携带参数,路由...

  • vue-router

    在嵌套路由中我们经常会遇到父路由向子路由里面传递参数,传递参数有两种方法,通过 query 或者 params 1...

  • vue嵌套路由-query传递参数

    在嵌套路由中我们经常会遇到父路由向子路由里面传递参数,传递参数有两种方法,通过 query 或者 params i...

网友评论

      本文标题:50-Vue路由参数传递

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