打赏

v-if 条件渲染分组

因为 v-if 是一个指令,所以必须将它添加到一个元素上。但是如果想切换多个元素呢?此时可以把一个 <template> 元素当做不可见的包裹元素,并在上面使用 v-if。最终的渲染结果将不包含 <template> 元素。

<template v-if="ok">
  <h1>Title</h1>
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
</template>

 注意,v-show 不支持 <template> 元素,也不支持 v-else

posted @ 2018-06-15 17:09  孟繁贵  阅读(716)  评论(0编辑  收藏  举报
TOP