将参数作为数组元素传递 [Vuejs]答案

【问题标题】：Pass parameter as a array's element [Vuejs]将参数作为数组元素传递 [Vuejs]
【发布时间】：2018-06-18 07:48:08
【问题描述】：

我有如下 vuejs 代码，

<div v-for="vl in 3">
  {{ data[subject.vl] }}
</div>

我想显示data[subject.0]、data[subject.1]、data[subject.2] 和data[subject.3]

有什么想法吗？谢谢！

【问题讨论】：

分享确切的对象？

标签： arrays vue.js

【解决方案1】：

您需要在v-for 指令中传递数组并使用myarr['subject.'+vl] 来制作正确的密钥

new Vue({
  el:'#app',
  data:{
    myarr:{
      "subject.0":"Array 0 value",
      "subject.1":"Array 1 value",
      "subject.2":"Array 2 value",
      "subject.3":"Array 3 value",
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.16/vue.js"></script>
<div id="app">
  <div v-for="v1 in [0,1,2,3]">{{myarr['subject.'+v1]}}</div>
</div>

分享确切的对象，以获得另一个替代或更好的解决方案。

【讨论】：

我也猜数据看起来像这样，但我认为 OP 更可能犯了一个错误，比如混淆了点和括号符号，而那个主题实际上是数组 - 但正如你所说，我们需要先看数据。（也许将你的对象称为myarr 有点误导，但这是一个非常小的说明 - 你明白我的意思。）
太棒了！我会试试这个。非常感谢。