javascript - 获取对象的索引

Question

我打算获取一个对象的索引，这可能吗？

例如:

categories = {
                '1':{code:'HW', name:'Hardware'},
                '2':{code:'SW', name:'Software'},
                '3':{code:'OS', name:'Office Supplies'},
            }

我想获取软件的索引，如果我使用indexOf，它会给我一个错误，即indexOf不是一个函数，因为它是一个对象列表。可以从top开始吗？

这是一个示例 fiddle 供大家检查:https://jsfiddle.net/50wL7mdz/86966/

提前致谢

Answer 1

您可以访问 v-for 中的索引喜欢 (category, index) in categories ，参见fiddle here .

new Vue({
  el: '#app',
  data () {
    return {
      categories: {
        '1':{code:'HW', name:'Hardware'},
        '2':{code:'SW', name:'Software'},
        '3':{code:'OS', name:'Office Supplies'},
      }      
    }
  },
  methods:{
    alertIndex(index){
      alert(index);
    }
  }
})

<script src="https://unpkg.com/vue"></script>

<div id="app">
 <ul>
  <li v-for="(category, index) in categories">{{category.code}} - {{category.name}}
  <button @click="alertIndex(index)">Alert Index</button>
  </li>
 </ul>
</div>