VUE—同级路由传值（图文）

最新推荐文章于 2022-11-02 16:39:44 发布
最新推荐文章于 2022-11-02 16:39:44 发布
阅读量990 收藏 1
点赞数
分类专栏： VUE 文章标签： vue 同级路由传值
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Poppy_LYT/article/details/99462697
版权

VUE—同级路由传值

方向： My_collect_new 传值一个num给 My_collect
在这里插入图片描述
重点就是圈起来的那句话，其余的自己写的其他内容
绑定一个点击事件，方法名为finishnew，执行完成之后我将num这个值传给接收的同级路由，这时候可以发现地址栏发生了变化
在这里插入图片描述
我传的值这个时候已经进入了我的接收这个值的同级路由My_collect了

this.$route.query.num

这样便可获取传过来的num了

Poppy_LYT
关注
专栏目录
vue路由传值和路由跳转
qq_51050856的博客
05-13 898
文章目录前言一、vue路由配置步骤1. 路由跳转时共有以下四种传值方式:1. url路径拼接拼接2. 动态路由传值3. 路由query对象传值4. 命名路由传值总结路由有以下两种跳转方式:路由跳转时共有以下四种传值方式: 前言 一、vue路由配置步骤 1.第一步: 导入vue.js和vue-router.js插件 <script src='vue.js'></script> <script src="vue-router.js"></script> .
【Vue】组件传值的六种方法
weixin_42213951的博客
03-19 2347
Vue 组件之间的通信大概归类为： 父子组件通信: props/emit；ref/refs；emit；ref/refs；emit；ref/refs；attrs / listeners；listeners；listeners；parent / children兄弟组件通信:eventBus；vuex跨级通信:eventBus；Vuex；children 兄弟组件通信: eventBus；vuex 跨级通信: eventBus；Vuex；children兄弟组件通信:eventBus；vuex跨级通信:even
vue $router路由传值
zhouhouyong_web的博客
11-25 594
点击标签传值 <el-table-column fixed="right" label="操作" width="" align="center"> <template slot-scope="scope"> <el-tooltip class="item" effect="dark" content="查看详情" placement="top"> <el-button @click="handleClick(scope.row)" type="te.
vue 路由 实现点击传参并实现路由跳转
weixin_43738116的博客
11-19 778
vue 路由 实现点击传参并实现路由跳转 component:A &amp;amp;lt;div @click=' transferParameters()'&amp;amp;gt;&amp;amp;lt;/div&amp;amp;gt; script: export default { methods:{ transferParameters() { this.$router.push({ path:&amp
Vue 同级路由跳转传递参数的方法
shizhenweiszw的博客
03-04 1635
在A页面通过&lt;router-link :to="{path:'b', query:{p1:'p1'}"&gt;&lt;/router-link&gt; 在B页面的created里面通过this.$route.query.p1获取到参数值，然后设置到data里面就好了
获取当前路由的祖先级对象
m0_59628052的博客
07-11 471
路由.........................
vue项目中: 在外部js文件中获取当前页面的路由名route.name
weixin_50723565的博客
10-14 8094
js文件中如何获取$route.name
vue2导航根据路由传值,而改变导航内容的实例
08-28
vue2 导航根据路由传值改变导航内容实例 基于给定的文件信息，我们可以总结出以下几个知识点： 1. Vue2 路由传值：在 Vue2 中，我们可以使用路由传值来实现导航内容的改变。通过在路由中传递参数，我们可以在不同...
解决Vue中 父子传值 数据丢失问题
10-16
因此，本文详细探讨了解决Vue中父子传值数据丢失问题的方法，并对相关知识点进行梳理。 首先，我们需要理解Vue中props的概念。props是父组件向子组件传递数据的一个自定义属性，子组件通过声明props来接收父组件的...
vue.js 传值方法（父子组件传值、非父子组件传值）
01-08
**一、父子组件传值** 1. **父组件向子组件传递值** - 基本原理：使用`props`属性从父组件向子组件传递数据。 - 步骤： - 在父组件中导入并注册子组件，例如： ```javascript import HomeChild from './...
跳转同一个路由传参接收不到数据的问题
七七的博客
11-02 354
跳转的路由是一样的，因为跳转的路由是一样的，所以数据获取不到，需要watch监听一下
vue路由传递参数类型number，刷新后自动转成字符串
agua001的博客
09-03 5552
刚开始撸代码没感觉到有这个问题，自测的时候就突然感觉不对劲了。。。 正常需求，从一个页面跳转到另一个页面，通常习惯使用id作为参数传递，id的值类型为number 分别点击这三个，传递参数id html: <ul class="personal_ul"> <li class="personal_li" v-for="(item, index) in personalList" :key="index"> <img src="../../assets/serviceC
路由传值的方法
weixin_72953424的博客
07-26 2583
南风知我意，吹梦到西洲
Vue之路由路径path配置的一个坑总结【同级路由path必须唯一】
weixin_43343144的博客
04-09 1万+
vue笔记 (十三) vue-router (3):嵌套路由、路由参数传递与获取、$router和$route区别
weixin_43026567的博客
04-03 4096
嵌套路由 嵌套路由是一个很常见的功能，比如在 home 页面中，我们希望通过 /home/news 和 /home/message 访问一些内容。一个路径映射一个组件，访问这两个路径也会分别渲染两个组件。 路径和组件的关系如下: 实现嵌套路由有两个步骤： 1.创建对应的子组件，并且在路由映射中配置对应的子路由 配置路由： 2.在组件内部使用<router-view>标签 显示效...
Vue路由传值
王春燕的博客
06-07 2147
​ 一、路由传值： 1、通过路由的路径带参数（url中显示参数），同时配置路由的时候也要带上参数，获取参数使用this.$route.params.id，直接拿路由里面的参数。 2、不用在router.js路由页配置参数来接收（url中不显示参数，刷新页面会丢失传递过来的参数），而是通过name或者path去跳转（name和path写法一样，区分name和path） ​...
Vue - 路由传递参数
weixin_30462049的博客
07-25 3266
Vue 2.0 路由传递参数 Vue 路由传递参数 有两种方式： 一、用name传递参数 　　两步完成用name传值并显示在模板里： 在路由文件src/router/index.js里配置name属性。 1 2 3 4 5 6 7 routes: [ { path: '/...
Vue 路由传值的几种方法
热门推荐
ljt123456765的博客
03-21 1万+
在vue中使用router-link标签跳转有几种方法：一、直接在path后面添加简单动态参数，如标识id等：      路由配置：          标签内容：属性id可以在$router.params中获取                         二、  路由配置：            标签内容：          或者注意上面方法的区别，如果想传值to必须绑定如 ：to，如果使用p...
vue3.2 路由传值
最新发布
07-02
Vue 3.2 中路由传值主要是通过组件之间的通信机制来实现的，特别是在使用Vuex管理状态时。以下是几种常见的路由传值方法： 1. **查询参数（query）**：这是最直接的方式，通过URL的查询字符串传递数据，如 `router....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值