How to put a variable in the id inside the html tag?

Question

I am wondering how to put a variable in the id inside the html tag. I came across this issue while implementing pagination. Like that picture, I want the i+1 part of the value of id="page-box-i+1" to be replaced with an actual number, not a string. For example, if i is 2, I want it to be id="page-box-3". How can it be solved? I am implementing it in an vue.js & ejs file.

Answer 1

Use v-bind attribute:

<div v-bind:id="'page-box-' + (i + 1)"></div>