老师好,组件实现的功能如何点击跳转到另一个页面
老师好,如上图所示,假如我想点击前端开发就跳转到相应页面,该如何实现呢?那些使用v-for实现的
1
收起
正在回答
2回答
同学你好, 老师截图是想告诉同学视频中老师有讲示例, 大致实现的思想是一样的,使用router-link实现页面之间的跳转。
这里可以使用v-bind指令绑定跳转的路径,老师这里给同学举个简单的例子。
在页面中要要遍历的数据中定义对应的路由, 在循环遍历的时候, 给每个router-link绑定相应的路由
router文件夹下index.js中配置相应的路由规则
同学可以结合示例, 自己下去测试一下效果
如果帮助到了你, 欢迎采纳!
祝学习愉快~~~
好帮手慕慕子
2019-05-23 20:02:07
同学你好, 可以使用router-link标签实现路由之间的跳转, 如下图示例:
前面老师视频中有讲解如何使用router-link, 原理都是一样的, 课程地址:https://class.imooc.com/lesson/629#mid=14180
同学可以在回顾一下视频哦,如果还有疑惑, 再次提问, 我们会继续为你解答的
如果帮助到了你, 欢迎采纳!
祝学习愉快!
热门框架Vue开发WebApp 18版
- 参与学习 人
- 提交作业 209 份
- 解答问题 3299 个
本路径是通过ES6基础知识、运用Zepto、Swiper、fullPag等移动端常用工具包、以及当下流行框架Vue,结合多个实战案例,还原真实开发场景,最终实现手机端购物商城网页开发。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星