这个场景下,vue 中如何优雅的不渲染父级组件?

• Z时代
• 2024-02-11
• 分类：IT

直接上代码,我是根据 props:isRenderParent 来判断是否渲染父组件

• 注意:Parent是第三方组件

<Parent v-if="isRenderParent"><Child></Parent>
<v-else Child>

是否有什么更优雅的方式?
类似于这样

<Parent v-xx"><Child></Parent>

可以直接把 Parent 这层给剥离

回答：

<component :is="isRenderParent?'Parent':'div'"><Child></component>

回答：

再封装一个组件？

<template>
    <Parent v-if="isRenderParent "><Child /></Parent>
    <Child v-else />
</template>

以上是 这个场景下,vue 中如何优雅的不渲染父级组件? 的全部内容， 来源链接： utcz.com/p/937196.html