如何在组件中成功地链接V-If语句?

Question

我有一个组件，我只希望属性是可选择的，当selectable等于true，为了保持我的代码简洁，我想使用V-if &V-else,但我的链接不工作,尽管"selectable"如果是真的，当我链接时，我失去了块内的所有结果，我不确定我应该如何构建它，同时保持它的简洁。下列代码:

<template v-if="props.row.primaryAlias" && "selectable">
<SelectableAttribute attr-name="Alias" :attr-id="props.row.primaryAlias.id" :model-id="props.row.id" model-name="NewParticipant">
{{ props.row.primaryAlias.value }}
</SelectableAttribute>
</template>
<template v-else>
{{ props.row.primaryAlias.value }}
</template>

Answer 1

您的v-if不正确。你做v-if="props.row.primaryAlias" && "selectable"只会运行第一部分:props.row.primaryAlias正如你关闭了v双引号。

你需要的是:

v-if="props.row.primaryAlias && selectable"