Javascript 将v-for设置为特定索引

我是Vue的新手，所以如果这是一个愚蠢的问题，请容忍我

我有一个大的图像阵列，我使用以下代码将其作为胶片卷输出到屏幕：

images = [
    {src: 'image1.jpg'},
    {src: 'image2.jpg'},
    {src: 'image3.jpg'},
    {src: 'image4.jpg'},
    {src: 'image5.jpg'},
    ...etc
];

<div v-for="(img, index) in images" :key="index">
   <img :src="img.src" />
</div>

图像=[
{src:'image1.jpg'}，
{src:'image2.jpg'}，
{src:'image3.jpg'}，
{src:'image4.jpg'}，
{src:'image5.jpg'}，
等
];

编辑：生成的是一条水平的图像带。感兴趣的图像应位于屏幕的中心，在屏幕宽度允许的范围内，任何一侧都可以看到尽可能多的图像（此时通常为四到五个）。所需的索引来自代码中的其他地方。我可以得到要在v-for循环中输出的索引值，这没有问题，但是我似乎无法得到它来改变循环的位置

到目前为止还不错，它以我希望的方式输出集合。然而，当我提供适当的索引时，我想做的是转到卷轴上的特定图像，所以我猜问题是是否可以通过编程方式转到v-for循环中的特定图像/索引

任何正确方向的帮助或指点都将受到感激

---

谢谢

由于缺少代码，很难说您需要如何具体实现这一点。但是，不管你用什么方法，你都可能想用。将a放置在与

v-for

相同的元素上，将创建一个引用数组，引用那些按相同顺序索引的元素。从那里，您可以根据需要设置滚动条

下面是一个例子：

newvue({
el:“#应用程序”，
数据（）{
返回{
项目：[
{text:'a'}，
{text:'b'}，
{text:'c'}，
{text:'d'}，
{text:'e'}，
{text:'f'}，
{text:'g'}，
{text:'h'}，
]
}
},
方法：{
滚动到（索引）{
设$item=this.$refs.item[index]；
设$container=this.$refs.container；
$container.scrollTop=$item.offsetTop；
}
}
})

body{margin:0；}
.集装箱{
背景：#fafafa；
宽度：100px；
高度：50px；
溢出y：滚动；
}

{{item.text}
{{item.text}

你说的“转到特定图像”是什么意思？滚动到它的位置？包装列表以从该索引开始？您好，理想情况下，我希望滚动到其位置，但此时我可以接受这两种行为。这是一个滑块、一个水平图像列表、一个垂直图像列表，一次只显示一个图像，您只想将页面滚动到一个图像吗。选择是如何进行的，通过一个输入字段，一个下拉列表等。我们需要更多的方式，方式，方式信息，以便能够用这个做任何事情。编辑添加一些信息。我意识到这个问题有点粗略，但我目前对Vue的了解也是如此，所以我仍然有点不确定如何准确表达我的目标。太好了！非常感谢你！