不将IF绑定到Vue中的任何元素

Question

这有效:

<span v-if="name">
    Hi there, {{ name }}
</span>

...但它迫使我使用span作为整个文本,我只想在名称变量上使用它.例如,我可以做手把:

{{#if name}}
    Hi there, <span>{{ name }}</span>
{{/if}}

Answer 1

您可以使用模板.

我们可以v-if在一个<template>元素上使用,该元素用作隐形包装器.最终渲染的结果将不包括该<template> 元素.

例如:

<template v-if="name">
  Hi there, <span>{{ name }}</span>
</template>