Day30_路由的props配置

news/2024/5/18 23:14:14/文章来源:https://blog.csdn.net/qq_59110215/article/details/127137589

提出问题:

Detail是如何得到别传给他的参数,以及如何简化写法。

第一种写法的props  对象式   使用的很少,传递的是死数据

1.index.js组件里面  

2.在detail组件里面

 3效果图: 

 

第二种写法props    布尔值  仅限于params参数传递数据

1.在index.js里面

 2.在detail组件里面

3.效果图:

 

当你使用props布尔值的时候    用query参数传递数据  得不到数据

 

 
第三种写法props    函数  

1在indes.js里面:

2.在detail组件里面:

 3.效果图:

 

总结:

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_17160.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

心理学考研难度 分析

全国招收心理学院校排名 高等教育评价专业机构软科发布了“2020软科中国最好学科排名”,心理学院校有55所上榜,排名前10%依次为北京师范大学、北京大学、华南师范大学、西南大学、华东师范大学、华中师范大学、上海交通大学、浙江大学、陕西师范大学、上…

内存对齐对性能的影响

计算字节数 在 Go 语言中,可以使用 unsafe.Sizeof 计算出一个数据类型实例需要占用的字节数。 package mainimport ("fmt""unsafe" )type Args struct {num1 intnum2 int }type Flag struct {num1 int16num2 int32 }func main() {fmt.Println…

浅析axios原理与使用(包括axios的优雅写法与res的解构赋值)

目录前言一,什么是axios二,axios的基本使用2.1 不含参的axios调用2.2 含参数的axios调用三,axios的原理(拦截器)3.1 客户端与服务器之间的交互原理(复习可略过)3.2 浅析axios原理四,…

西瓜书研读——第三章 线性模型: 线性判别分析 LDA

西瓜书研读系列: 西瓜书研读——第三章 线性模型:一元线性回归 西瓜书研读——第三章 线性模型:多元线性回归 西瓜书研读——第三章 线性模型:线性几率回归(逻辑回归) 主要教材为西瓜书,结合…

K8s存储与GlusterFS实战

一、存储概述 1、共享存储机制概述 Kubernetes对于有状态的容器应用或者对数据需要持久化的应用,不仅需要将容器内的目录挂载到宿主机的目录或者emptyDir临时存储卷,而且需要更加可靠的存储来保存应用产生的重要数据,以便容器应用在重建之后…

常见的垃圾回收机制

如何工作在某些 Java 虚拟机中,堆的实现截然不同:它更像一个传送带,每分配一个新对象,它就向前移动一格。 这意味着对象存储空间的分配速度特别快。Java 的"堆指针"只是简单地移动到尚未分配的区域,所以它的效率与 C++ 在栈上分配空间的效率相当垃圾回收器工作时…

将Springbooot项目部署到云服务器上运行

将Springbooot项目部署到云服务器上运行一、项目打包二、将结果jar文件上传服务器三、授予jar文件权限,并运行四、运行失败可能原因一、项目打包 File->Project Structure Project Settings -> Artifacts -> 点击 号 -> JAR -> From modules with d…

Linux-常见命令(三)

前言 作者:小蜗牛向前冲 名言:我可以接收失败,但我不能接收放弃 如果觉的博主的文章还不错的话,还请点赞,收藏,关注👀支持博主。如果发现有问题的地方欢迎❀大家在评论区指正。 目录 find指令&…

2022-2023-1 20221318 《计算机基础和程序设计》第五周学习总结

作业信息 这个作业属于那个班级 https://edu.cnblogs.com/campus/besti/2022-2023-1-CFAP 作业要求 https://www.cnblogs.com/rocedu/p/9577842.html#WEEK03 作业目标 学习《计算机科学概论》的第6章 《程序设计》第4章 作业正文 https://i.cnblogs.com/posts/edit;postId=1673…

JavaScript:DOM

目录 一、DOM介绍 1、节点和节点的关系 2、获取页面中的元素可以使用以下几种方式 3、鼠标点击事件 4、访问节点 5、获取元素的样式 一、DOM介绍 DOM:Document Object Model(文档对象模型) DOM是W3C组织推荐的处理可扩展标记语言的标…

数据结构线性表

目录 2.1 线性表的基本概念 2.2 线性表的顺序表示 2.3 线性表的链式表示 2.3.1 单链表 2.3.2 循环单链表 2.3.3 双向链表 2.3.4 双向循环链表 2.3.5 静态链表 牢固掌握线性表在两种存储结构下的各种基本操作,牢记各种算法思想 2.1 线性表的基本概念 Def&a…

Linux 学习 -- 容器技术

Linux 学习 – 容器技术 容器基础概述容器部署 一、容器基础概述 容器(Container) : 定义:指的是针对应用所需的运行环境资源(依赖库/目录/网络/用户……等)进行整体封装的技术。 特点:封装好的镜像相比虚拟机的粒度要更细&…

类与对象(十八)----super关键字

super关键字 super代表父类的引用,可以用于访问父类的属性,方法,构造器。 super使用 使用super访问父类的属性:权限内的才可以访问。使用语法----super.属性名 public class A {public int n1 12;protected int n2 12;int n…

程序员的数学课10 信息熵:事件的不确定性如何计算?

你好,欢迎来到第 10 课时——信息熵:事件的不确定性如何计算? 从加乘法则开始,我们基于事情的不确定性出发,尝试计算事情发生的可能性。然而,对于事件与事件之间的不确定性如何相比和衡量,单独…

iOS 16 中 SwiftUI 防止弹出的 sheet 视图被下滑关闭(dismiss)的新解决方案

功能需求 在SwiftUI中,我们往往需要只通过代码控制 sheet 弹出视图的关闭(dismiss),而禁止用户手动下滑关闭弹出的视图。 如上图所示,在 iOS 16 中 App 弹出的 sheet 视图只允许点击按钮关闭(dismiss),而用户无法通过下滑来关闭它。 我们之前在 SwiftUI禁止用户关闭s…

【图灵MySQL】Explain详解与索引最佳实践

Explain使用与详解 前期准备 在开始之前,我们先准备一下所需要的数据,创建3个表——actor、film、film_actor actor 表 只有一个主键 CREATE TABLE actor (id int(11) NOT NULL,name varchar(45) DEFAULT NULL,update_time datetime DEFAULT NULL,P…

PTA前三次作业总结分析——BLOG_1

PTA第一次大作业 前言:第一次的大作业比较的简单,没有涉及到类的设计,只要在主类中的主函数实现其相应功能。此次作业主要考察的还是我们对于输入输出的应用和基本判断,double 类型数据强制转换为float类型数据输出,以及循环语句的使用和string类的数据处理。虽然这些题目的…

JDK1.8的File类详解

1、静态属性 后面带Char的是转为char类型,其实都是一样的结果。 为什么要单独把地址的特殊字符单独包装为静态类呢 因为在windows系统中,两个地址中间用分号[;]隔开,像环境变量中的path的内容。 但是在Linux系统中,两个地址中间是…

计算机网络——应用层网络应用模型、DNS系统、文件传输协议、电子邮件、万维网和HTTP协议

文章目录前言一、网络应用模型1、应用层概述2、客户服务器模型3、P2P 模型二、DNS 系统1、域名2、域名服务器三、文件传输协议四、电子邮件1、简单结构2、简单邮件传送协议(SMTP)3、邮局协议(POP3)和网际报文存取协议(IMAP)五、万维网和 HTTP 协议1、万维网概述2、超文本传输协…

LeGO-LOAM(1):运行LeGO-LOAM

目录 # 1 安装与编译 ## 1.1 依赖项 ### 1.1.1 ros ### 1.1.2 gtsam ## 1.2 编译 # 2 系统介绍 # 3 运行demo ### 3.1 数据下载 ### 3.2 数据描述 ### 3.3 demo运行 ####(1)运行launch文件 ####(2)播放数据文件 ####…