- Products -


Software


NEWS


Special



- Knowledge -


Category × Tag



- Like -

公開
作成日:2022/07/21 17:13:39
更新日:2022/07/22 10:47:09

【Vue.js】v-ifで関数の戻り値を使う

・v-ifの中で関数も呼べる。
・戻り値を使って表示、非表示の切り替えができる!

使い方


・HTML部分

・・・
<div v-if="hantei()">関数呼べるの?</div>
・・・


・js部分

・・・
methods: {
  hantei: function () {
    // 処理を書く
    return false; //trueにすると表示
  }
}
・・・


参考


・複数条件のためのv-ifの書き方といった情報が多い
https://www.nowte.net/vuejs/vuejs-v-if/
https://qiita.com/4roro4/items/ef859a27569e7974aea3
https://johobase.com/vue-js-v-if-directive/
https://jp.vuejs.org/v2/guide/conditional.html


Category



Tag




関連記事


{{tmp.name}}

{{article.category}} {{article.title}}