9.跨页面传参,props 参数获取

这篇博客主要介绍了在Vue.js中如何进行跨页面传参,包括布尔模式、对象模式的详细步骤,以及组件间通过props进行参数传递的方法。文章提到,对象模式不支持path,需要使用别名name,并预告了函数模式将在后续补充。
摘要由CSDN通过智能技术生成

9.跨页面传参,props 参数获取

前言:

这里没有按顺序来,先做一下笔记。当我想写这个系列的时候,之前的内容所遇到的坑都已经填埋过了。这里先把页面传值的问题讲解一下。

需要解决的问题:
1.页面传值的的问题也就是路由组件传参的问题
这里提供一个相关链接
布尔模式:对象模式:函数模式
三种模式的讲解

编程式导航

在这里插入图片描述

这里我们先提一个组件传参的问题?
组件传参,需要我们在父组件中进行数值绑定,在子组件需要使用props进行声明

这里对三种模式作如下说明:

布尔模式:
在页面传参过程中可是使用props属性,只需要在v-router中将props属性打开。

1.使用this.$router.push(“path/param”) 当前页面
2.props:true,path=“path/:paramkey” routes配置
3.props:[“paramkey”] 跳转目标页面

对象模式:

1.使用this. r o u t e r . p u s h ( n a m e : " p a g e n a m

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值