json文件中的本地图片地址怎么上显vue页面

如果你在 Vue 页面中要显示 JSON 文件中的本地图片，可以使用 `require` 函数将图片地址转换为模块请求。具体地，你需要将 JSON 文件导入 Vue 组件，然后在模板中使用 `require` 函数来引用图片。例如：

<template>
  <div v-for="(image, name) in images" :key="name">
    <img :src="require(image)" alt="name">
  </div>
</template>

<script>
import images from './images.json';

export default {
  data() {
    return {
      images
    }
  }
}
</script>

这里的 `import images from './images.json'` 语句将 JSON 文件作为一个模块导入，然后通过 `v-for` 指令遍历所有图片。在模板中，我们使用 `require` 函数来将图片地址转换为一个模块请求，然后把结果作为 `src` 属性给 `<img>` 标签使用。注意，这里的 `:src` 属性需要使用 Vue 的绑定语法，因为图片地址是动态生成的。

需要注意的是，`require` 函数只能用于静态资源的引用，因此它不能用于动态生成的图片地址。如果你需要在 Vue 中显示动态生成的图片，可以考虑使用动态组件或者其他的图片处理库。