代码之家 › 专栏 › 技术社区 › eozzy

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

vue.js

0

eozzy · 技术社区 · 8 年前

这项工作:

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

... 但它迫使我对整个文本使用span,我只想在name变量上使用它。以车把为例,我可以做到:

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

1 回复 | 直到 8 年前

1

5

webnoob 8 年前

我们可以使用 v-if 在上 <template> 元素,用作不可见的包装器。最终渲染结果将不包括 <模板(>); 要素

例如:

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