Laravel9+Vue3渲染数据库数据时标题与内容无法成对展示求助

你现在的问题源于使用了两个独立的v-for指令，它们会分别完整遍历list_lowongan数组，导致先渲染所有标题，再渲染所有内容，自然无法一一对应。

只需要把单条数据的标题和内容放在同一个循环块内，用容器（比如div）包裹，仅在容器上声明一次v-for即可：

修改后的HTML代码：

<div v-for="(item, index) in list_lowongan" :key="index" class="job-item">
  <h2 class="lowongan1">{{ item.title }}</h2>
  <p class="descJob1">{{ item.body }}</p>
</div>

补充说明： #

• 容器上的v-for会循环生成包含标题和内容的独立区块，确保每组数据的标题与内容对应
• 添加:key="index"是Vue的最佳实践，能帮助框架高效更新DOM；如果你的数据有唯一标识ID，用ID作为key会比index更稳妥
• 脚本部分的数据获取逻辑无需修改，保持原样即可

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