如何在 html 标签内的 id 中放置一个变量？答案

【问题标题】：How to put a variable in the id inside the html tag?如何在 html 标签内的 id 中放置一个变量？
【发布时间】：2021-09-27 16:49:12
【问题描述】：

我想知道如何在 html 标记内的 id 中放置一个变量。我在实现分页时遇到了这个问题。像那张图片一样，我希望将 id="page-box-i+1" 值的 i+1 部分替换为实际数字，而不是字符串。例如，如果 i 是 2，我希望它是 id="page-box-3"。如何解决？我在 vue.js & ejs 文件中实现它。

【问题讨论】：

id="page-box-<%= i + 1 =>"
我做了 id="page-box-" 和 id="page-box- " ，但它没有工作..

标签： javascript vue.js pagination ejs

【解决方案1】：

使用 v-bind 属性：

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

【讨论】：