如何获得v-for循环中的第二个值？

Question

所以我有一个对象，即：

测试：{价格: 9，数量:1}

我如何才能遍历这个对象并只得到第二个值，即qty？

JS：

new Vue({
    el: '#app',
    data: {
test:{price: 9, qty:1}
}

HTML：

<div v-for="(value, key, index) in test>
   {{ value[1] }} 
</div>

Answer 1

由于test是一个对象，并且您只想访问单个属性，因此不需要在此处循环，因此您可以使用.点表示法访问对象属性，如下所示：

<div>
   {{ test.qty }} 
</div>

演示：

​

new Vue({
  el: '#app',
  data: {
    test: {
      price: 9,
      qty: 1
    }
  }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js"></script>
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet">
<div id="app">
  <div class="card p-2">
    Qty: {{ test.qty }}
  </div>
</div>

​