Javascript 尝试在Vue.js中动态添加id时未定义id

这是一个简单的待办事项列表，我试图在每个呈现的

中添加一个id。每个id都应该被命名为不同（显然）但相似的名称：“id0”、“id1”、“id2”…等等

该数字来自指令

v-for=“i in items”

我是这样做的：

<li :id="`id${i.id}`" v-for="i in items" :key="`id${i.id}`">

完整代码：

{i}
完成！
删除

如果

项

只是一个字符串数组，则没有可用的

id

属性。本例中的标准习惯用法是使用如下索引：

或者，您可以将数据重塑为具有以下ID：

[{id:0，text'foo'}，{id:1，text'bar'}，{id:2，text'baz'}]

---

例如，这可以作为一个项目的一部分来完成。注意，这还需要对模板进行一些更改。

如果

项

只是一个字符串数组，则没有可用的

id

属性。本例中的标准习惯用法是使用如下索引：

或者，您可以将数据重塑为具有以下ID：

[{id:0，text'foo'}，{id:1，text'bar'}，{id:2，text'baz'}]

---

例如，这可以作为一个项目的一部分来完成。注意，这还需要对模板进行一些更改。

尝试用简单的concat替换插值。例如，尝试将此：

id${i.id}

（删除反引号）替换为：

'id'+i.id

。还要检查

items

数组中的对象是否包含

id

属性。

items

看起来像什么？@DavidWeldon一个一维字符串数组。@Aryton:我也不知道，甚至相信我看过Evan You自己的一段视频，其中谈到模板文字支持是即将推出的Vue 3的一项功能，但事实证明，模板文字已经在Vue 2中发挥作用了！尝试用简单的concat替换插值。例如，尝试将此：

id${i.id}

（删除反引号）替换为：

'id'+i.id

。还要检查

items

数组中的对象是否包含

id

属性。

items

看起来像什么？@DavidWeldon一个一维字符串数组。@Aryton:我也不知道，甚至相信我看过Evan You自己的一段视频，其中谈到模板文字支持是即将推出的Vue 3的一项功能，但事实证明，模板文字已经在Vue 2中发挥作用了！