How to use v-for as a mutable property loop?

Question

Vue.js

hello i have

<div v-for="i of 10" :key="i" class="frame" >
    </div>

But I need to assign a special background-image to each div, depending on the iterator, for example, according to this pattern

backgroundImage =
`url(${require("../assets/images/slides/" + this.$assetsResolution + "/" + i + ".jpg")})`;

where i is an iterator and this.$assetsResolution is just a static variable (the same for all divs)
How to implement it

Answer 1

Component pseudocode:

<div v-for="index of 10" :key="index" class="frame" :style="`background-image: url(${getImageUrl(index)})`" >
  {{ index }}
</div>

{
  methods: {
    getImageUrl(index) {
      return `/images/slides/${this.$assetsResolution}/${index}.jpg`;
    }
  }
}

In general, something like this. And no require will work.
PS Wrote from the phone, did not check.