Quasar q-timeline组件左侧无连接线问题求助

问题出在代码结构上：你把<q-timeline>标签放在了v-for循环中，这会导致每一条时间线条目都被渲染成独立的时间线实例，而Quasar的时间线连接线是用来关联**同一个<q-timeline>容器下的多个<q-timeline-entry>**的，独立的时间线之间自然不会显示连接线。

修正后的代码结构需将v-for移到<q-timeline-entry>上，让所有条目归属同一个时间线容器：

<template v-slot:after>
  <q-scroll-area style="height: 760px; max-width: 100vh;">
    <div class="q-px-lg q-py-md" style="padding-left: 25px; padding-right: 20px;">
      <!-- 单个时间线容器，统一设置颜色 -->
      <q-timeline color="secondary">
        <!-- 循环生成每个时间线条目 -->
        <q-timeline-entry 
          icon="security" 
          v-for="(item, index) in timelineItems" 
          :key="index"
        >
          <template v-slot:subtitle>
            {{ item.date + " – " + item.modification_type }}
          </template>
          <q-timeline-content>
            <div v-html="item.content"></div>
          </q-timeline-content>
        </q-timeline-entry>
      </q-timeline>
    </div>
  </q-scroll-area>
</template>

调整后所有时间线条目隶属于同一个<q-timeline>，左侧的连接线就会正常显示。

内容的提问来源于stack exchange，提问作者Oliver Henning