Javascript 具有空格语法的vuejs对象

不幸的是，我必须处理标签中有空格的对象

我可以通过以下方式循环对象：

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

“lane1”是一个名为“item.Lane”的变量，我试图传入它，但我无法理解正确的语法。以下操作不起作用：

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

---

救命啊

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

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

---

这个语法是正确的

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

---

问题是组件试图在item.lane未定义的情况下渲染。

您能准备一个示例吗？fiddle或其他什么？第二种方法（在某种程度上）很好，这是一种很好的方法。对于示例，它使我重新检查了所有代码。在未定义数据属性的情况下呈现组件。组件上的简单v-if修复了该问题。由于它与“wins Lane 1”一起使用，我的假设是这是一个语法问题。