“v-if と v-for を同時に使うことは推奨されていません。なぜなら、同じ要素において v-for は v-if より優先度が高く v-if の評価に関わらず v-for の表示処理が行われるためです。以下の例のように、別の要素に分けること”

Vue.js

carolina04 のブックマーク 2024/04/03 23:17

<blockquote class="hatena-bookmark-comment"><a class="comment-info" href="https://b.hatena.ne.jp/entry/4751566370835294176/comment/carolina04" data-user-id="carolina04" data-entry-url="https://b.hatena.ne.jp/entry/s/handson.vuejs-jp.org/v-if.html" data-original-href="https://handson.vuejs-jp.org/v-if.html" data-entry-favicon="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fhandson.vuejs-jp.org%2Fv-if.html" data-user-icon="/users/carolina04/profile.png">v-if で表示・非表示を切り替える | Vue3 Hands-on</a><ul class="comment-tag" style="list-style: none; margin: 0px;"><li style="float: left">[<a href="https://b.hatena.ne.jp/q/Vue.js">Vue.js</a>]</li></ul><br><p style="clear: left">“v-if と v-for を同時に使うことは推奨されていません。なぜなら、同じ要素において v-for は v-if より優先度が高く v-if の評価に関わらず v-for の表示処理が行われるためです。以下の例のように、別の要素に分けること”</p><a class="datetime" href="https://b.hatena.ne.jp/carolina04/20240403#bookmark-4751566370835294176"><span class="datetime-body">2024/04/03 23:17</span></a></blockquote><script src="https://b.st-hatena.com/js/comment-widget.js" charset="utf-8" async></script>

このブックマークにはスターがありません。
最初のスターをつけてみよう！