带有空格语法的 vuejs 对象答案

【问题标题】：vuejs object with spaces syntax带有空格语法的 vuejs 对象
【发布时间】：2018-08-30 17:32:39
【问题描述】：

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

我可以通过以下方式遍历对象：

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

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

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

救命！

【问题讨论】：

你能准备一个例子——小提琴之类的吗？第二种方法适用于（有点）simplified demo
这是another fiddle，也可以正常工作
感谢您提供的示例，这让我重新检查了所有代码。未定义数据属性时正在呈现组件。组件上的简单 v-if 解决了该问题。由于它与“wins Lane 1”一起使用，我的假设是这是一个语法问题。

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

这个语法是正确的。

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

问题是组件在 item.lane 未定义时尝试渲染。

【讨论】：