带有空格语法的 Vuejs 对象

Question

不幸的是，我必须使用标签中有空格的对象。

我可以使用以下内容遍历对象：

v-for="index in $data['wins Lane 1'].player2.pts"

"Lane 1"是一个名为"item.lane"的变量，我试图传入，但我无法找出正确的语法。 以下方法并非不起作用：

v-for="index in $data['wins ' + item.lane].player2.pts"

帮助！

Answer 1

不确定它是否有效，您可以尝试使用 javascript 模板文字

v-for="index in $data[`wins ${item.lane}`].player2.pts"

Answer 2

这个语法是正确的。

v-for="index in $data['wins ' + item.lane].player2.pts"

问题是组件试图在未定义 item.lane 时呈现。