页面跳转不改变地址vue

在 Vue 中，可以使用 `<router-view>` 标签来渲染页面内容，此时页面跳转会改变地址栏的 URL。如果你想要实现页面跳转不改变地址栏的 URL，可以考虑使用 Vue 的动态组件和 keep-alive。

首先，在你的 Vue 组件中，使用动态组件来渲染内容：

<template>
  <div>
    <component :is="currentComponent"></component>
  </div>
</template>

其中，`:is="currentComponent"` 表示当前渲染的组件是 `currentComponent`。

然后，在你的 Vue 实例中，使用 keep-alive 包裹动态组件：

<template>
  <div>
    <keep-alive>
      <component :is="currentComponent"></component>
    </keep-alive>
  </div>
</template>

此时，页面跳转不会改变地址栏的 URL。你可以在组件内切换 `currentComponent` 的值来动态改变页面内容。