博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Vue2.0使用路由进行组件之间传值(三)
阅读量:5314 次
发布时间:2019-06-14

本文共 655 字,大约阅读时间需要 2 分钟。

1、router.push使用

  router/index.js

 

export default new Router({  routes: [     {      path: '/',      name: 'A',      component: require('../components/A')    },    {      path: '/B/:name/:age',      name: 'B',      component: require('../components/B')    }  ]})

上边,在路由中为B组件添加两个参数 name ,age 

 

A组件,绑定一个@click事件,跳转B组件传参 使用params

 

 

在A组件中,之前参数传递是通过params,

this.$router.push({name:'B',params:{name:'wang',age:2}});

query

this.$router.push({name:'B',query:{name:'wang',age:21}});

 

以上两种方式页面刷新后,参数还会保留的。

 

转载于:https://www.cnblogs.com/Lateautumn/p/7341659.html

你可能感兴趣的文章
WPF中Image显示本地图片
查看>>
Windows Phone 7你不知道的8件事
查看>>
实用拜占庭容错算法PBFT
查看>>
java的二叉树树一层层输出,Java构造二叉树、树形结构先序遍历、中序遍历、后序遍历...
查看>>
php仿阿里巴巴,php实现的仿阿里巴巴实现同类产品翻页
查看>>
Node 中异常收集与监控
查看>>
Excel-基本操作
查看>>
面对问题,如何去分析?(分析套路)
查看>>
Excel-逻辑函数
查看>>
面对问题,如何去分析?(日报问题)
查看>>
数据分析-业务知识
查看>>
nodejs vs python
查看>>
poj-1410 Intersection
查看>>
Java多线程基础(一)
查看>>
TCP粘包拆包问题
查看>>
Java中Runnable和Thread的区别
查看>>
SQL Server中利用正则表达式替换字符串
查看>>
POJ 1015 Jury Compromise(双塔dp)
查看>>
论三星输入法的好坏
查看>>
Linux 终端连接工具 XShell v6.0.01 企业便携版
查看>>