vue路由跳转,页面切换路由,不调用后台接口,页面空白

浅Q

已于 2023-06-13 16:43:00 修改

阅读量1k

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

于 2023-06-13 16:18:06 首次发布

本文链接：https://blog.youkuaiyun.com/qq_52619560/article/details/131190844

版权

vue 专栏收录该内容

3 篇文章

订阅专栏

在Vue应用中，当添加新路由并遇到页面空白的情况，问题可能在于组件内存在多个根路径。遵循一个根路径原则，确保每个组件只有一个根节点，例如将多个<div>合并到一个<div>下，可以解决此类问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

错误现象:

往路由列表里面新增了一个页面,点击这个路由之后,再切换到别的页面,页面显示空白.观察路由地址,路径地址也改了,但是就是页面空白,不调用后端接口

错误代码:组件里面存在不止一个根路径

解决问题办法:

一个根路径原则!!!!

代码举例:

<!-- 错误代码 -->
<template>
 <div class='box1'>根目录1</div>
 <div class='box2'>根目录2</div>
</template>


<!-- 正确代码 -->
<template>
 <div class='box1'>
     <div class='box2'>子目录</div>
 </div>
</template>