How to add a class to each array element one by one in vue js 3 using $refs?

Question

Vue.js

I have a block div

.task(v-for='(task, index) in tasks' :key='task.index' :ref="`task${index}`")
          .name
            | {{task.name}}
          .description
            | {{task.description1}}
          .time
            | {{task.time}}
          button(class='delete-task' @click="deleteCart(index)") -

mounted () {
    this.$refs.task0.classList.add('increase')
    this.$refs.task1.classList.add('increase')
  }

How to add a class to each array element one by one in vue js 3 and how to fix (Object is of type 'unknown')

Answer 1

You can do everything, the only question is why ... What prevents you from doing so?

v-for='(task, index) in tasks' :key='task.index'  class="increase"