时间戳

首页 > 解决方案 > 有条件地渲染 html 父元素而不影响子元素

html - 有条件地渲染 html 父元素而不影响子元素

问题描述

假设我有一个包含此 html 代码的组件：

<template lang="html">
    <div id="parent">
        <div id="child">
            some content
        </div>
    </div>
</template>

我只想在满足条件时渲染子元素，以获得此结果：

<template lang="html">
    <div id="child">
        some content
    </div>
</template>

我一开始以为可以使用v-if，但是如果我使用 v-if 有条件地渲染父元素，当条件不满足时，它的子元素将不会被渲染。

标签： htmlvue.jsvuejs3

解决方案

推荐阅读