时间戳

首页 > 解决方案 > 如何在vue中按条件包装html代码而不重复代码？

javascript - 如何在vue中按条件包装html代码而不重复代码？

问题描述

假设我想在 div 中包装一些 html 代码。我可以写

<template>
  <div v-if="condition == true">
    //a lot of html
  </div>
  <template v-else>
    //a lot of html
  </template>
</template>

但后来我必须复制“很多 html”块。我也可以提取a lot of html block另一个组件，但从逻辑上讲它已经是分离的组件。有什么办法吗？

PS 在这个主题中，我只是简化了我的案例。我实际上需要按条件设置两种渲染组件的模式。首先是 div 里面有一些内容，其次是这个 div 包裹在表格的单元格中，控件在另一个单元格中。

标签： javascriptvue.jsvuejs2

解决方案

推荐阅读