Así que tengo una serie de rutas de imágenes que recupero de la API de descanso y estoy tratando de mostrarlas usando un bucle v-for, este es el código de la página que las muestra

 <template> <v-app> <app-navbar /> <v-main> <h3>test {{$route.params.name}}, {{$route.query.status}},{{$route.query.tag}}</h3> <h3>{{imagesref}}</h3> <ul id="example-1"> <li v-for="item in imagesref" :key="item"> {{item}} </li> </ul> </v-main> </v-app> </template> <script> import appNavbar from '../../../components/appNavbar.vue'; import axios from "axios"; export default { components : {appNavbar}, name: "App", data() { return { items: [], imagesref: [], }; }, async created() { try { const res = await axios.get(`http://localhost:3004/tests`,{ params: {name:this.$route.params.name} }); this.items = res.data; this.imagesref=res.data[0].refimages; } catch (error) { console.log(error); } }, }; </script> <style lang="scss" scoped> </style>

las imágenes están dentro de la carpeta de activos de esta manera

 /assets /captures /test_.. /@DHRD_.. /testname /1.png

la ruta de las imágenes se recupera como una matriz en la que cada elemento es una ruta a una imagen como esta

 projectname/assets/captures/test../@DHRD../testname/1.png

¿Cómo puedo mostrar todas las imágenes?