Laravel vue路由器不'；更改组件后，请不要渲染它

组件在初始渲染时首先正确渲染，但是，当我按下路由器链接时，它会根据给定的路由正确更改组件

const路由器=新的VueRouter({
//模式：“历史”，
路线：[
{
姓名：“家”，
路径：“/”，
组件：HomeView
},
{
名称：“工作”，
路径：“/jobs”，
组件：JobsView
}
],
linkActiveClass:“活动”，
linkExactActiveClass：“精确激活”，
});

路由器视图是这样实现的 进入->游戏->内容：

<template>
    <div id="content" data-simplebar>
        <NavigationBar />
        <SettingsButton />
        <router-view />
    </div>
</template>

导航栏：

家

因此，每当我按下链接时，我都可以确认它在VueDevTools中工作，它会放置适当的组件，但不会渲染它。html不可见，而且在更改组件后，它将其作为父元素中的最后一个子元素放置，而不是路由器视图最初所在的位置

---

顺便说一句，我自己可能已经找到了解决办法，但我会给别人机会赚取一些互联网积分。此外，这是我在6年的开发过程中第一次在stackoverflow上发表文章。干杯

欢迎来到苏。。。控制台中可能有错误，请检查that@KamleshPaul你好不幸的是，没有错误。但是我发现，如果我在devtools中按下组件，然后右键单击->“Inspect component”，它会说找不到它。嗯：/它被挂载了，我试图通过在路由器视图中添加：key=“$router.path”来强制重新渲染它。我还尝试在安装后的下一个刻度处更改值，但也不起作用。找到了问题，但不是我想要的解决方案。只有当路由器视图位于simplebar的div内部时才会发生这种情况，我使用的是vue simplebar库。所以，在我从div中删除数据simplebar之后，它就像一个符咒。但不是我们想要的，在这方面有什么帮助吗？