v-for怎么不换行显示

在 Vue 中，我们可以使用 v-for 指令来遍历数组或对象，并渲染对应的内容。如果希望不换行显示，可以将 v-for 指令放在同一个 HTML 标签中，并使用 CSS 样式来控制样式。

例如，我们有一个数组，其中包含了一些字符串，我们可以使用 v-for 指令来渲染这些字符串，并通过 CSS 控制样式：

<div class="no-wrap">
  <span v-for="(item, index) in items" :key="index">{{ item }}</span>
</div>

.no-wrap {
  white-space: nowrap;
}

这样就可以实现不换行显示了。