How to display elements of an array dynamically?

Question

Vue.js

There is an array inside which there are several objects. I output the first object through the v-for directive - everything is in order. But I need to display dynamically on the 1st object, deleting the first object, displaying the second one, and so on. Please suggest how to implement this functionality.

Answer 1

Let's make the object to be displayed a computed property:

obj() {
  return this.items[0];
},

If it exists, output:

<div v-if="obj">
  <div v-for="(val, key) in obj">
    ...

Does it look like what you need ?