vue中v-for出來(lái)的div如有div1有div3，條件成立先顯示了div3，那下一個(gè)條件成立div1顯示的時(shí)候會(huì)把div3擠下去，這種怎么解決呢？

我循環(huán)的代碼是

        <div class="big" v-for="(item,i) in newList" v-show="item.xianshide">
                <table>
                        <tr>
                            <td colspan="3">{{item.deviceName}}</td>
                        </tr>
                            <tr v-for="(x,y) in item.list">
                            <td>{{x.unitName}}</td>
                            <td>{{x.itemName}}</td>
                        </tr>
                </table>
                </div>

我想要的效果是 剛進(jìn)去是這樣的

條件成立的時(shí)候顯示了 div1

這樣會(huì)把div2 和 div3擠下去的， 為了用戶體驗(yàn)擠下去不好，怎么才能原來(lái)顯示的div在上面，然后條件成立顯示的在后面一個(gè)個(gè)添加出來(lái)呢？