从表中删除空白行

【问题标题】：Delete blank rows from table从表中删除空白行
【发布时间】：2022-01-03 13:14:52
【问题描述】：

<tr v-for="(value, key) in this.object" :key="key">
  <div v-if="value.item1 != null">
    <td width="400" class="alnleft">{{value.item1}}</td>
    <td width="50" class="alnright">{{value.item2}}</td>
  </div>
</tr>

使用 v-if 我在 tr 中省略了要打印的值。但是上面的代码打印黑色 tr 和不必要的空间正在被创建。请建议如何摆脱这个

【问题讨论】：

你能提供this.object的代码吗？
它是一本字典
我只是通过将 tr 替换为 v-row 来解决它 -

标签： html css vue.js for-loop tr

【解决方案1】：

您永远不想将div 放置为tr 的子代。您可以将div 替换为template，以防止插入。

<tr v-for="(value, key) in this.object" :key="key">
    <template v-if="value.item1 != null">
        <td width="400" class="alnleft">{{value.item1}}</td>
        <td width="50" class="alnright">{{value.item2}}</td>
    </template>
</tr>

这能解决您的问题吗？

【讨论】：

不，它不起作用
我只是通过用 v-row 替换 tr 来解决它