Question

我打算获取对象的索引是否可能？

例如：

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

如果我使用indexOf我想得到软件索引它会给我一个indexOf is not a function的错误，因为它是一个对象列表。最开始的可能吗？

以下是您要检查的示例小提琴：https://jsfiddle.net/50wL7mdz/86966/

提前致谢

Answer 1

您可以v-for中的(category, index) in categories访问索引，请参阅fiddle here。

＆＃13;

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);
    }
  }
})

＆＃13;

<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>

＆＃13;

获取对象的索引

1 个答案: