带空格语法的vuejs对象

Question

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

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

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

“通道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的情况下尝试呈现。