vue项目路由跳转不过去怎么办呢？

Times春雪 2020-10-17 07:40:04

打包运行没报错。浏览器控制台也没错误。就是跳不过去。求帮忙。找了一天了。URL变了就是页面不变

...全文

11329 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

baiding1123 2020-10-23

打赏
举报

回复

...天才

落落叶叶无声 2020-10-18

打赏
举报

回复

index.js 的 comment 应该改成 component 吧？

Times春雪 2020-10-18

打赏
举报

回复

引用 1 楼落落叶叶无声的回复:

index.js 的 comment 应该改成 component 吧？

多谢！万分感谢没看到

qq_51581751 2020-10-18

打赏
举报

回复

。。

hy240 2020-10-18

打赏
举报

回复

多谢！万分感谢没看到

vue3.0要注意，setup组件是在初始化之前执行，所以this还不是实例对象。vue3.0的处理方法就是，从vue-router中引入useRouter。利用useRouter来进行路由的跳转。首先，vue3.0跳转和vue2.0跳转方式差别不大，但是还有需要注意的地方。这里我介绍两种比较常见的路由跳转方法。name值是你在路由配置中的name属性。to 是你要跳转的路径，也就是接口。绑定点击事件的时候传入参数，进行判断跳转到哪个页面。1.利用router-link标签来进行跳转。

Vue路由跳转的五种方式。1. router-link，2. this.$router.push()， 3. this.$router.replace()，4. this.$router.go(n)， 5. location

在src目录下创建pages文件夹，里面创建两个vue文件命名为student.vue,person.vue。在app.vue中进行路由展示，使用router-link进行路由跳转，to代表跳转到哪个路由。效果如下图所示，点击（到student路由）或（到person路由）会进行路由跳转。声明式路由通过router-link进行路由跳转，編程式路由通过函数实现。路由之间用router路由器，当前路由使用toute路由。student.vue和person.vue。通过router.push进行路由跳转。

路由 vue路由路由跳转前端路由跳转问题 router

Vue3.0路由跳转方式路由标签router-view的理解

87,910

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章