Как поместить переменную в идентификатор внутри html-тега?

#javascript #vue.js #pagination #ejs

Вопрос:

Мне интересно, как поместить переменную в идентификатор внутри html-тега. Я столкнулся с этой проблемой при реализации разбиения на страницы. Как и на этой картинке, я хочу, чтобы часть i 1 значения id=»page-box-i 1″ была заменена фактическим числом, а не строкой. Например, если i равно 2, я хочу, чтобы это был идентификатор=»страница-поле-3″. Как это можно решить? Я внедряю его в vue.js amp; файл ejs.

введите описание изображения здесь

Комментарии:

1. id="page-box-<%= i 1 =>"

2. я сделал id=»поле страницы-<%= i 1=>», а также id=»поле страницы -<%= i 1 =><%= i 1%>», но это не сработало..

Ответ №1:

Использовать атрибут v-привязки:

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