routerView 页面在弹出层Popup内显示

要在弹出层 Popup 内显示 Vue Router 的路由视图（router-view），您可以按照以下步骤进行操作：

1. 创建一个占位组件（PlaceholderComponent），用于在 Popup 中显示路由视图。

<template>
  <Popup v-model="showPopup">
    <router-view></router-view>
  </Popup>
</template>

<script>
import { Popup } from 'vant';

export default {
  components: {
    Popup,
  },
  data() {
    return {
      showPopup: false,
    };
  },
};
</script>

在上面的代码中，我们在 PlaceholderComponent 中使用了 Popup 组件来实现弹出层效果，并在其中添加了 `<router-view>` 标签作为路由视图的占位符。

2. 在主路由配置中，将 PlaceholderComponent 作为子路由的组件。

const routes = [
  {
    path: '/popup',
    component: PlaceholderComponent,
    children: [
      {
        path: '',
        component: ChildComponent,
      },
    ],
  },
];

在上述代码中，我们将 PlaceholderComponent 设置为 '/popup' 路径的组件，并在其子路由中定义了默认的子组件 ChildComponent。这样，当访问 '/popup' 路径时，路由视图将以弹出层的形式显示在 Popup 中。

3. 使用 `$router.push` 或 `$router.replace` 方法触发路由导航，以显示弹出层。

this.$router.push('/popup');

通过调用 `$router.push` 方法并传递 '/popup' 路径，您可以触发路由导航并将路由视图显示在弹出层中。

请注意，上述代码仅为示例，您需要根据实际情况进行路由配置和组件编写。确保正确设置路由路径和组件，并根据需要进行修改。