vue.js - 如何在 Vue JS 表格标签中正确使用 v-if 和 v-else

Question

由于我的搜索不足以解决我的问题，我将其张贴在这里以澄清如何正确使用 v-if和 v-else在<td> Vue 中 HTML 表格中的标签。

//given the value of this.property is name
<tr>
    <td v-if="this.property == 'name'">I'm name</td>
    <td v-else>No I'm not</td>
</tr>

我的问题是，即使我的 this.property值为 'name'或者不是 'name'它总是落到 v-else条件，和 v-if没有被执行。我想要的输出是执行 v-if如果this.property值为 'name'和 v-else如果没有。

我的做法是否正确？我需要您的指导。

Answer 1

删除这个指针。你不需要它。

//given the value of this.property is name
<tr>
    <td v-if="property === 'name'">I'm name</td>
    <td v-else>No I'm not</td>
</tr>