HTMLで一度パラグラフを表示すると、後のdivで表示が1列になってしまう

現在、vue.jsを使ってfrontendを作成しています。
ところで、困ったことがあります。
v-ifを使って分岐をさせているのですが、次のソースの中で一度v-elseになってpを表示すると、次にv-ifに入った場合でも、divでのcar-list-item表示が1列になってしまいます。
どうしたら、複数列表示に戻せるでしょうか。
ソースコードは次のとおりです。

  div(v-if="loading") 
    div(v-for="(car, index) in cars")
      car-list-item(:car-id="car.item_id"
                     :brand-name="car.brand_name"
                     :price="car.price"
                     :picture-uri="car.pictures[0]"
                     :tabindex="index"
                     :length="car.maker_size"
                     :car-name="car.product_name"
                     :colors="[car.color]"
                     :star="car.star"
                     :width="car.maker_width"
                     :width-jis="car.jis_width")

  div(v-else="loading")
    p(:class="$style['main-message']") 調整が完了しました

環境は、次のとおりです。
OS:utunbu16.04
ruby:2.4.2
rails:3.3.3
resque:1.27.4
Vue.js:不明

それでは、よろしくお願いします。