如何在vuejs中预览图像列表

Question

我需要一个由images（div）组成的滚动条，当我们选择该图像时，它应该以主div的尺寸显示在主div上（我需要没有vuetify的vue.js）

我已经在命令提示符中使用“ vue ui”创建了一个项目，以便在vuejs中创建项目

<template>
<div id="app">


<div v-if="selectedImage" max-width="85vw">
<img :src="selectedImage" alt="" width="100%" @click.stop="selectedImage 
= null">
<hr>
</div>
<div v-for="src in images" :key="src">
<img :src="src" width="100px" height="100px" @click="zoom(src)">
</div>

</template>


<script>
export default({
el: '#app',
data: {
selectedImage:null,
images: [
  'theme1.jpg',
  'theme2.jpg',
  'theme3.jpg',
  'theme4.jpg',
  'theme5.jpg',
  'theme6.jpg',
  'theme7.jpg',
  'theme8.jpg'
]
},
methods: {
zoom(src) {
  console.log("Zoom", src);
  this.selectedImage = src;
}
}
});
</script>
<style>
</style>

如果我们选择应该显示在主div上的图像，则需要滚动条（但是我无法做到）