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

Question

我知道子组件是在父render()函数内部调用的，但是有没有办法隐藏它，直到它被调用，例如，通过一个按钮。

说这是你的路由器文件

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

现在说我想隐藏子类型，直到你点击一个按钮去/products/subtype。有没有办法做到这一点，还是我不需要使用子路线？

这样做的原因是当您访问时，仅/productsSubtype 的组件没有数据，因此是空的。如果可能的话，我宁愿不渲染它。

标签： javascriptvue.jsvuejs2vue-componentvue-router

Answer 1

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