首页 > 解决方案 > Vue 响应式删除冗余标签

问题描述

我想知道是否有一种简单的方法可以删除多余的标签,是否值得付出努力。例如,我有一个 div 将我的孩子排成一行:

<div :class="multipleChildrens ? 'row' : ''">

但是当只有一个孩子时,我不再需要 div 了。我以为你可以使用模板标签和组件标签的组合,但它似乎不能这样工作。

<component
    :is="multipleChildrens ? 'div' : 'template'"
    :class="multipleChildrens ? 'row' : ''"
>

我该如何以另一种方式处理它,或者它可能没有意义?

标签: vuejs2vue-component

解决方案


推荐阅读