vue、vuetifyのフレックスボックスを利用してます。
<template> <div class="d-flex flex-row justify-end align-center"> <v-icon>mdi-map-marker</v-icon> <div v-if="true"> <span class="title">タイトル</span> <div class="d-flex flex-column mx-2"> <span class="label">ラベル</span> <span class="hotel">ホテル</span> </div> </div> </div> </template>
「<span class="title">タイトル</span>」を「<div v-if="true">」の中に含めると横並びにならず縦並びになってしまいます。タイトルをdivの外に出せば意図通りの横並びになります。
v-ifを利用するためこのdivの中に含めたいのですが
そもそもどうしてこのような挙動になるのでしょうか?HTMLの仕様上の問題ですか?
回答1件
あなたの回答
tips
プレビュー