router-view 点击不跳转
路由配置
{
path: '/',
name: 'Navcation',
component: () => import(/* webpackChunkName: "Navcation" */ '../components/Navcation')
},
{
path: '/survey',
name: 'survey',
component: () => import(/* webpackChunkName: "survey" */ '../components/SatisfiSurvey/Survey')
}
跳转的方式有三种
1.router-link
2.this.$router.push
3.this.$router.replace
4.this.$touter.go
然后一个重要的东西别忘了,放在app.vue中
<router-view></router-view>
本文探讨了在使用 Vue.js 的路由功能时遇到的问题,即 router-view 组件无法正常响应点击事件进行页面跳转。文章详细介绍了路由配置示例,并列举了四种常见的路由跳转方法:使用 router-link 组件、通过 this.$router.push 进行跳转、使用 this.$router.replace 替换当前路由以及利用 this.$touter.go 方法。
9263

被折叠的 条评论
为什么被折叠?



