老师好,组件实现的功能如何点击跳转到另一个页面

老师好,组件实现的功能如何点击跳转到另一个页面

http://img1.sycdn.imooc.com//climg/5ce672670001e8ce08421102.jpg

http://img1.sycdn.imooc.com//climg/5ce672670001c64611521504.jpg

老师好,如上图所示,假如我想点击前端开发就跳转到相应页面,该如何实现呢?那些使用v-for实现的

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好, 老师截图是想告诉同学视频中老师有讲示例, 大致实现的思想是一样的,使用router-link实现页面之间的跳转。 

这里可以使用v-bind指令绑定跳转的路径,老师这里给同学举个简单的例子。

在页面中要要遍历的数据中定义对应的路由, 在循环遍历的时候, 给每个router-link绑定相应的路由

http://img1.sycdn.imooc.com//climg/5ce6c2320001340017621574.jpg

router文件夹下index.js中配置相应的路由规则

http://img1.sycdn.imooc.com//climg/5ce6c2a100014b9f11581576.jpg

同学可以结合示例, 自己下去测试一下效果

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

好帮手慕慕子 2019-05-23 20:02:07

同学你好, 可以使用router-link标签实现路由之间的跳转, 如下图示例:

http://img1.sycdn.imooc.com//climg/5ce68b220001210d06630361.jpg

前面老师视频中有讲解如何使用router-link, 原理都是一样的, 课程地址:https://class.imooc.com/lesson/629#mid=14180

同学可以在回顾一下视频哦,如果还有疑惑, 再次提问, 我们会继续为你解答的

如果帮助到了你, 欢迎采纳!

祝学习愉快!


  • 提问者 拾梦者sdj #1
    这样不会导致每一个都指向同一个页面么?比如我想点击前端指向前端页面,后端指向后端页面
    2019-05-23 21:33:20
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
热门框架Vue开发WebApp 18版
  • 参与学习           人
  • 提交作业       209    份
  • 解答问题       3299    个

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

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师