如果我转到“/contact”，我想保留以前的路由视图，但显示模式

如果您转到“/contact”路由，但想保留以前的路由视图，同时显示模态框，您可以使用以下方法来实现：

在前端开发中，您可以使用路由器的导航守卫来实现该功能。导航守卫是一种在路由切换之前或之后执行的函数，可以用来控制路由的访问权限和行为。
首先，在路由配置文件中定义一个名为“/contact”的路由，并将其与相应的组件关联。
在导航守卫中，您可以使用beforeEach方法来拦截路由导航。在该方法中，您可以检查当前路由路径是否为“/contact”。
如果当前路由路径为“/contact”，您可以使用一个状态变量来记录前一个路由的路径。
在前一个路由的组件中，您可以使用该状态变量来判断是否显示模态框。

以下是一个示例代码：

// 路由配置文件
const routes = [
  { path: '/contact', component: ContactComponent },
  // 其他路由配置...
];

// 导航守卫
router.beforeEach((to, from, next) => {
  if (to.path === '/contact') {
    // 记录前一个路由的路径
    store.commit('setPreviousRoute', from.path);
  }
  next();
});

// 前一个路由的组件
<template>
  <div>
    <!-- 根据状态变量判断是否显示模态框 -->
    <modal v-if="showModal" @close="closeModal"></modal>
    <!-- 其他组件内容... -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      showModal: false
    };
  },
  mounted() {
    // 根据状态变量判断是否显示模态框
    if (this.$store.state.previousRoute === '/contact') {
      this.showModal = true;
    }
  },
  methods: {
    closeModal() {
      this.showModal = false;
    }
  }
};
</script>

这样，当您转到“/contact”路由时，前一个路由的组件将会显示模态框，并保留以前的路由视图。请注意，上述代码中的<modal>组件是一个自定义的模态框组件，您需要根据自己的需求进行相应的实现。

腾讯云相关产品和产品介绍链接地址：