vue新增子路由不跳转或者跳转报错

最新推荐文章于 2024-01-22 11:43:47 发布

小白Onion

最新推荐文章于 2024-01-22 11:43:47 发布

阅读量871

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_51737922/article/details/130192274

版权

如图所示
浏览器运行出现错误
或者出现跳转页面为空白
解决方法如下：
查看自己的路由配置界面，找到该操作对应的操作路由代码，将其中的属性"components"改为"component"

结果：错误解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小白Onion

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue新增子路由不跳转或者跳转报错

vue路由跳转空白或者控制台报错
复制链接

扫一扫

解决vue+router路由跳转不起作用的一项原因

11-20

如下所示： Vue.use(Router) export default new Router({ mode:'history', routes: [ { path: '/', component: Login }, { path: '/login', component: Login }, { path: '/register',component: Register}, {path: '/*', component: NotFound}, ] }) 记得要写上 mode:’history’, 原因如下补充知识：vue-router配置后地址栏输入跳转不

Vue学习笔记-Router死活跳不过去子路由

qq_33518733的博客

12-06

1409

vue-router踩坑记录，死活跳转不到子路由上面去

参与评论您还未登录，请先登录后发表或查看评论

【Vue】Router路由无法跳转问题整理

Sheldon74的博客

09-08

1万+

Vue Router路由无效或异常等问题整理

记录 | vue-router：2级路由跳转不成功

taotu_tao的博客

11-05

2720

记录 | vue-router：2级路由跳转不成功：引入2级路由时，children单词拼错

解决vue项目中路由跳转不生效

最新发布

jinkunqingning的博客

01-22

1586

初学vue，自己新建了一个项目，但是很奇怪的是，配置明明都是正确的，但是点击按钮跳转不生效。然后就是查看你的首页是不是直接写到app.vue里面了，如果是的话，那就寄了。首先是确保跳转的地址和路径是完全正确的。

vue相同路由跳转强制刷新该路由组件操作

10-14

在Vue.js应用中，路由是...在进行路由跳转和组件刷新时，理解Vue Router的工作原理至关重要，这可以帮助我们编写出更加灵活且可维护的代码。同时，遵循最佳实践和避免常见错误，如路由命名冲突，也能提高应用的质量。

解决vue单页路由跳转后scrollTop的问题

10-18

本文将详细介绍如何解决Vue单页路由跳转后scrollTop的问题。首先，这个问题通常是由于浏览器的默认行为导致的。当你通过Vue Router进行路由跳转时，浏览器会记住之前页面的滚动位置。为了解决这个问题，我们可以...

vue2.0项目实现路由跳转的方法详解

08-27

在 Vue 项目中，路由跳转是必不可少的一部分，通过路由跳转，用户可以在不同的页面之间进行跳转，提高用户体验。下面我们来详细介绍 Vue2.0 项目实现路由跳转的方法。一、安装路由首先，我们需要安装 Vue 路由...

vue 实现路由跳转时更改页面title

10-16

今天小编就为大家分享一篇vue 实现路由跳转时更改页面title，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧

vue 路由嵌套（子路由跳转报错或者失效解决方法）

weixin_45000761的博客

11-24

9937

嵌套路由时，子路由懒加载有时会失效，最好定义引用好，再进行加载，示例结构： { path: '/shopRech', redirect:'/shopRech/shopRechHome', component:{ template:'<div> <router-view></router-view></div>' }, meta: { title: '积分充值'}, children:[ {

Vue3 父路由调用子路由方法失败

Travrller的博客

03-18

692

实现功能：数据的查询选项在父页面中，而数据的显示在子页面中。并且子页面是父页面的子路由。实现对父页面的查询条件使子组件显示相应的数据。

vue项目路由不跳转的问题

南北极之间

10-22

3505

安装了路由模块后没有跳转。解决：需要做3件事： 1，配置main.js 2，配置index.js 3，在APP.vue里面加入<router-view> （这个一定要记住）

Vue 路由跳转问题（未进行跳转但是会触发方法）

qq_58671311的博客

07-29

412

未触发事件进行路由跳转到当前页面，但watch会监听到所有的路由变化，因此会掉handeler下面的get()方法导致报错。判断是否路径或者name是否是当前页面且判断路由传参是否有值（parms传参就判断parms，query传参就判断query）...

vue3中路由跳转

weixin_52772897的博客

08-16

148

vue3中路由跳转。

Vue--vant-cell单元格组件跳转路由的三种方式

ddddd3332134的博客

03-06

2603

//第一种采用拼接字符串的方法传递动态参数 :to="/article/+article.art_id" //第二种采用模板字符串的方法传递参数 :to="`/article/${article.art_id}`" //第三种采用传递对象的方法传递参数 :to="{ //根据路由名称进行跳转 name:'article', params:{ //属性名路由路径中设计的动态参数名称 articleId:article.art_id }" ...

Vue3项目路由无法跳转和渲染页面

redhat0921的博客

07-02

1963

启动项目后，路由无法跳转渲染，原因为使用cnpm安装vue-router根本就没安装成功，使用 yarn add vue-router@4 -S重新安装后，正常跳转渲染。

vue-router 嵌套子路由无效，不显示页面问题

潜心

10-08

5679

在中大型vue项目中，嵌套路由是避不开的话题。

vue使用qiankun框架心得和踩坑记录

m0_67401153的博客

03-06

2125

**其他网站有很多如何引入，使用的案例，但是按部就班的做了还是有一些问题，因此来此在总结下： vue2x使用qiankun框架经历实现： 1、父子组件相互跳转 2、父-子传参，子接收 3、子使用父的组件遇到问题： 1、路由跳转不成功 2、父子样式冲突 3、this.$router.push跳转问题，改为window.history.pushState跳转后，除了第一次主跳子，第二次会跳转到错误页面问题解决 ** 第一步：安装 npm i qiankun -S 第二步：在主应用src目录下创建文件夹mi

vue配置路由，路由不跳转，页面不显示

热门推荐

qq_41988113的博客

04-26

1万+

问题1：路由不跳转遇到这个问题第一时间去检查自己的代码（1）在router index.js中 ①查看这两个routes是否一致 const routes:[ ... ] const router = new VueRouter({ routes, }) ②配置中的component是否多加了s { path: '/home', component: Home }, ③导入的文件路径是否正确 const Home = () => import('../vi

vue路由跳转不跳转

09-02

根据引用中的解决方法，如果你想要解决Vue路由跳转的问题，你可以查看你的路由配置界面，并找到对应的操作路由代码。在该代码中，将属性"components"改为"component"。这可能是导致路由跳转不起作用的一个潜在问题。通过修改这个属性，你可以尝试解决路由跳转的问题。另外，根据引用，如果你在前端使用Vue.js和后端使用Spring Boot，你可能会遇到一些与路由跳转相关的问题。你可以确保你的前端和后端代码都正确配置了路由信息，并且确保你使用了正确的跳转方式和目标路由路径。综上所述，如果你遇到了Vue路由跳转不起作用的问题，你可以尝试按照引用中的方法进行修改，并确保你的前端和后端代码都正确配置了路由信息。<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [vue新增子路由不跳转或者跳转报错](https://blog.csdn.net/m0_51737922/article/details/130192274)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [浏览器显示数据库中数据的条形图柱状图前后端分离vue.js+spring boot 计算机软件工程课程设计毕业设计 ...](https://download.csdn.net/download/Amzmks/88275824)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]