如何在 nuxt js 中对 rowspan 和 colspan 使用条件运算符

Question

我使用 Vue.Js 并使用 Nuxt.js 作为框架

我真的想使用数据库表中的数据创建一个像这样的表，其中包含行跨度和列跨度

对于从数据库中的表中获取的数据 示例如下图所示

Answer 1

行跨度的条件运算符

<tr>
  <td :rowspan="hasRowspan ? 2 : 1">Cell 1</td>
  <td>Cell 2</td>
  <td>Cell 3</td>
</tr>

<script>
export default {
  data() {
    return {
      condition: true 
    };
  }
};
</script>