vue路由匹配上之后，但页面空白的问题

在vue项目中，可能会遇到路由匹配上之后，页面空白没有内容的情况，就像下面截图所示：

于是就查看了一些其他朋友对该问题的回答，主要有下面几点：

1、路由配置重复，如果配置了两个重复的路由，比如配置了两个【path: '/'】，那么访问就会看到空白页面，这时候改下重复的路由配置即可。

2、访问的页面没有配置路由，那么访问的页面也可能是空白页，比如访问/test，但是路由里却没有配置，也不会出现页面。

但是我排查了上面这两点，发现都不存在上面两点的问题，但是页面还是不出来。后来仔细排查发现问题出在 man.js中将组件挂载到元素身上的顺序问题导致的，下面直接上截图

如果把挂载组件实例放在注册路由等插件的前面，那么页面加载后，路由等还没有注册，所以页面一直就是空白的，把挂载组件实例放在路由注册等插件注册的后面，问题即可解决，所以特意记录一下问题

vue路由匹配上之后，但页面空白的问题相关推荐

vue路由匹配实现包容性_包容性设计：面向老年用户的数字平等
vue路由匹配实现包容性 In Covid world, a lot of older users are getting online for the first time or using tec ...
vue路由匹配实现包容性_我们甚至没有进行包容性的讨论
vue路由匹配实现包容性科技行业需要更加包容女性和有色人种. 这是关于拥有最大的人才库以吸取卓越的经验. 可悲的是,大多数讨论,甚至是倡导更具包容性的文化讨论,本身都是分裂的. 我们都是个人我们都 ...
vue路由匹配实现包容性_成为多元化和包容性领导者的3个关键策略
vue路由匹配实现包容性作为一家开发公司的首席执行官,我知道创造一个多元化,包容的环境并不容易. 我们行业中的这个问题反映了永远困扰人类文化的不平等现象. 但是,如果我们在推动技术的未来发展,谁能说 ...
vue路由匹配实现包容性_多元化和包容性：停止说话，做作业
vue路由匹配实现包容性开源无疑存在多样性问题. 实际上, 技术存在多样性问题. 但这不是新闻 - 妇女 ,有色人种,父母,非技术贡献者 ,同性恋者,女同性恋者, 变性者以及其他边缘化的人和盟友 ...
vue路由匹配实现包容性_简约设计，最大利润，包容性问题
vue路由匹配实现包容性最小? 最大化? 准确? 不,不,不. (Minimal? Maximal? Accurate? Nope Nope Nope.) Many directors and th ...
vue路由跳转回退后页面不刷新处理
vue路由跳转回退后页面不刷新处理 ·利用keep-alive 缓存需要缓存的页面具体实现流程 1.在app.vue中改写router-view <keep-alive><rout ...
vue路由匹配实现包容性_以社区为动力的多元化和包容性方法
vue路由匹配实现包容性当要建立更多元化,更具包容性的公司时,首席执行官和人力资源主管面临的最大挑战之一是如何激发整个组织采取行动的热情. 许多潜在的干预措施可供组织使用,但是根据最近的<哈佛 ...
vue路由匹配实现包容性_包容性机器学习：解决模型公平问题
vue路由匹配实现包容性 Artificial Intelligence (AI) and Machine Learning (ML) systems are increasingly being u ...
vue路由匹配实现包容性_开发更具包容性的肤色范围
vue路由匹配实现包容性 Nadia Fawaz | Research Scientist & Tech Lead, Applied Science, Bhawna Juneja | Soft ...

vue路由匹配上之后，但页面空白的问题

vue路由匹配上之后，但页面空白的问题相关推荐

最新文章

热门文章