如何在v-for循环中获取第二个值？

Question

所以我有一个对象：

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

如何遍历此对象，仅获取第二个值，即数量？

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>