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

Question

由于我的搜索无法满足我的问题，因此将其发布在此处，以澄清如何正确使用HTML表中v-if标签中的v-else和<td> Vue。

//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

删除this指针。您不需要它。

//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>