通过直接导入json文件的方式可以预览，但是使用fetch获取就无法预览

[kkokoo]

<script setup> // import photosData from '../../public/photos.json' import { ref, onMounted } from 'vue'; const photosData = ref([]); async function fetchData() { try { const response = await fetch('../../public/photos.json') const data = await response.json() photosData.value = data } catch (error) { console.error('Error fetching data:', error) } } onMounted(async () => { await fetchData(); }); </script>

照片墙

---

{{ photo.title }}

[kkokoo]

解决了,删除<viewer></viewer>,改为<div v-viewer><div>

<div v-viewer class="item">
         <span v-for="photo in photosData" :key="photo.title">
                    <img :src="photo.src" :alt="photo.title">
               <p>{{ photo.title }}</p>
        </span>
</div>
<viewer class="item">
         <span v-for="photo in photosData" :key="photo.title">
                    <img :src="photo.src" :alt="photo.title">
               <p>{{ photo.title }}</p>
        </span>
   </viewer>