この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:2
ページ更新者:atom
更新日時:2019-06-29 20:20:41

タイトル: if 条件分岐
SEOタイトル: 【Veu.js】if 条件分岐

v-ifディレクティブを使用することで条件分岐処理を実行することが出来る。

 

実装例

html

<div id="app">

  <ul>

      <p v-if="true_data">This is True</p>

      <p v-if="false_data">This is False</p>

  </ul>

</div>

 

js

var app = new Vue({

  el: '#app',

  data: {

    true_data: true,

    false_data: false,

  }

})

 

出力結果

This is True