Javascript v-for与page.vue中的axios mysql

我是Vue2的新手。。。我有一个3840x2160网格，位于offline.vue模板页面中

我必须用axios.post从mysql数据库中获取的图像填充网格

    <div id="mybanner" class="adGrid" style="background-image: url('/img/grid.svg');">
        
    <a href="https://yourdomain.com" target="_blank">
        <img src="https://yourimage.png" title="Your title" style="left: 1500px; top: 0px; width: 10px; height: 10px; position:absolute;">
        </a>
    
    ...
    
    <a href="https://yourdomain.com" target="_blank">
        <img src="https://yourimage.png" title="Your title" style="left: 1500px; top: 0px; width: 10px; height: 10px; position:absolute;">
        </a>
    
     </div>

如何为函数编写v-for

例如：

<a v-for="image in images" :href="image.link">
<img :src="image.image" :title="image.title" :style="left:${image.x}px; top:${image.y}px; width:${image.width}px; height:${image.height}px; position:absolute;">
</a>

---

如何编写脚本？

您发布的数组是一个对象。。。您的数组是一个这样的对象数组还是？像这样的

：style=“`left:${image.x}px；top:${image.y}px`”：src=“image.image”：title=“image.title”

别忘了通过绑定属性”：

<a v-for="image in images" :href="image.link">
<img :src="image.image" :title="image.title" :style="left:${image.x}px; top:${image.y}px; width:${image.width}px; height:${image.height}px; position:absolute;">
</a>