vue.js - 如何在组件中成功链接 V-If 语句？

Question

我有一个组件，我只希望在 Selectable 等于 true 时可以选择属性，以保持我的代码简洁我想使用 V-if 和 V-else，但我的链接不起作用，尽管“可选择”的确，当我链接时，我会丢失块内的所有结果，而且我不确定在保持简洁的同时应该如何构建它。下面的代码：

     <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-if 。

你需要的是：

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