vue中通过props传值的方式实现列表页跳转的详情页面

1.实现效果,可以点击列表页跳转到详情页,通过id进行控制

2.实现步骤:

1.在router的index.js页面配置porps:true;

2.列表页配置:在列表页获取后台数据,同时渲染页面,并添加点击事件toContent

3.进行路径跳转的配置以及传参,传id和bid,因为我的后台数据结构是详情标题是id控制,详情内容是bid控制,所以我传两个参数,这个部分根据实际情况进行传递

4.详情页配置:去详情页面进行接收参数,并通过不同的id和bid渲染不同的数据

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 步骤: 1.创建一个文件夹(为被管理的文件)2.右键点击刺文件夹git bash here出现黑色框 查看文件夹下...
    kangshuaibo阅读 199评论 0 0
  • 一、基础知识 文件的三种状态已修改在工作目录修改Git文件(工作区)已暂存对已修改的文件执行暂存操作,将文件存入暂...
    chen_cheng阅读 320评论 0 3
  • git config git config命令的作用是配置git的相关信息。 配置全局的用户名和邮箱,mac下可通...
    磐璃阅读 375评论 0 0
  • Git常用命令 请确保已经安装里git客户端 一般配置 git --version//查看git的版本信息git ...
    闲云清烟阅读 299评论 0 0
  • 0.什么是Git 维基百科上对git的说明: ​ git是用于Linux内核开发的版本控制工具。与CVS、Subv...
    增其Mrlu阅读 571评论 0 5