隐藏子组件/路由，直到在Vue.js中调用

Question

我知道子组件是在父render()函数内部调用的，但是有一种方法可以隐藏它，直到被某个按钮调用为止。

说这是您的路由器文件

{
    path:'/products',
    name: 'Products',
    component: Products,
    children: [
      {
        path: ':subtype',
        name: 'Subtype',
        component: ItemSubtypes
      }
    ]
  },

现在说我要隐藏子类型，直到您单击按钮转到/products/subtype。有没有办法做到这一点，或者我不需要使用子路由？

原因是当您仅访问/products时，子类型的组件没有数据，因此为空。如果可能的话，我宁愿不渲染。

Answer 1

使用v-if，直到数据加载，条件为假。或在单击按钮后将标志设置为“真”，最初是假的。