Vue Js не рендерит несколько компонентов в v-for

Question

Я использую v-for для отображения компонентов.рендеринг нормально, но внутренний элемент отсутствует.Я не могу понять.Вы можете видеть, что два столбца пусты, но в консоли три отображаются 5 компонентов, но показаны только 3 компонента.Скажите в чем может быть проблема.любая помощь будет оценена

    <div v-for="(counterDate, index) in fulldate_array" >
    <template v-if="shift[officer.oid]">
        <shiftlayout v-for="(data,shiftKey) in shift[officer.oid][fulldate_array[index]]" :shift_data="data" :shiftKey="shiftKey" :date="singledate_array[index]" :fulldate="fulldate_array[index]" :width="shiftWidth"/>
    </template>
</div>