最終更新:2018-03-26 (月) 16:06:31 (2221d)  

v-if
Top / v-if

https://jp.vuejs.org/v2/guide/conditional.html

<span v-if="seen">Now you see me</span>

例

↑

Handlebarsの場合 

  • <!-- Handlebars の例 -->
｛｛#if ok｝｝
  <h1>Yes</h1>
｛｛/if｝｝
↑

Vue.jsの場合

  • v-ifを使う 
    <h1 v-if="ok">Yes</h1>
↑

複数要素

  • 非表示ラッパー (wrapper) として提供される、<template> 要素を使う 
    <template v-if="ok">
  <h1>Title</h1>
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
</template>
↑

関連

  • v-else?
  • v-else-if?



検索：