如何跳转到指定的detail页面呢

本节中，点击任意内容区域，都是跳转到同一个detail页面。实际中，内容区域都是不同，需要实现点击这个区域跳转到这个页面，那个内容跳转到那个detail页面，应该如何写呢。是需要router-link的其它方式吧，js原生里点击哪个区域判断是哪一个，并跳转到那里去。这里用v-for集中了li,变量形式。是否考虑再加入参数判断到底点击到哪里呢~

阿感 2019-04-15

源自：项目：Vue搭建课程首页 3-6 router-link跳转页面

4

收起

1回答

好帮手慕星星 2019-04-15 18:03:31

同学你好，想要实现点击不同的课程调整到不同的详情页是吧。

可以在每个课程外面嵌套一个div标签，来循环这个div，分别传入不同的链接地址就可以，例如：

course文件夹中index.vue文件：

在home.vue中添加一个链接属性：

自己可以测试下，祝学习愉快！

提问者阿感 #1

enen多谢老师，明白了

2019-04-15 18:05:00
吹海风的狗 #2

老师您好！我想问一下按照您这种方法的话就要跳转到10个详情页面吗？每个页面再引用组件吗？有没有可以用路由跳转到1个详情页面但是又可以获取当前点击课程的标题和图片的方法呢？

2019-05-26 11:22:20
Miss路回复吹海风的狗 #3

同学，你好。你的想法很好。在实际的工作中，其实如果结构一样，只有数据不一样的页面，只有一个，我们会通过点击不同的课程，然后传递不同的参数给detail页面，detail页面接收到指令，会自己渲染对应的内容，动态的传递数据。如果是静态页面的话，那就需要一个一个的配置路由了。所以现在只需要会做一个详情页的跳转就够用了。如果帮助到了你，欢迎采纳！祝学习愉快！

2019-05-26 17:01:06

相似问题

关于页面跳转

#top指跳转到页面顶部，#bottom不是跳转到页面底部吗

如何实现的页面跳转

一个网页跳转的问题

跳转问题。

登录后可查看更多问答，登录/注册

热门框架Vue开发WebApp 18版

参与学习人
提交作业 209 份
解答问题 3299 个

本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue，结合多个实战案例，还原真实开发场景，最终实现手机端购物商城网页开发。

本课精华内容

问答作业

我想知道讲ES6的是哪个老师呀，声音调好听了吧，声控的福利吖，，想知道是谁喔。

5 4

老师,帮忙看下是啥原因,滚动条还是滚动不了

4 28

代码不完善啊

2 23

父组件控制子组件样式的问题

3 22

代码运行不了

0 18

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载