vue如何将从数据库查到的多张图片放在一行里面展示

您可以使用 `v-for` 指令来遍历图片数组，并使用 `v-bind` 指令将图片的 URL 绑定到 `img` 标签的 `src` 属性上。此外，您可以使用 CSS 的 `flex` 属性来将多个图片排列在一行中。

下面是一个示例代码片段：

<template>
  <div class="image-list">
    <div class="image-item" v-for="image in images" :key="image.id">
      <img :src="image.url" alt="image">
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      images: [] // 从数据库中查询到的图片数组
    };
  }
};
</script>

<style>
.image-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.image-item {
  margin: 10px;
}
</style>

在上述代码中，我们使用 `v-for` 指令遍历 `images` 数组，并将每个图片的 URL 绑定到 `img` 标签的 `src` 属性上。然后，我们使用 CSS 的 `flex` 属性将多个图片排列在一行中，并使用 `flex-wrap` 属性来实现换行。最后，我们使用 `justify-content` 属性将图片水平居中，并添加一些间距，以便更好地展示图片。