vue.js - 获取对象键名 vuejs

Question

当我使用 v-for 时，我有一个带有对象的数据：

data: {
  comp: {
   title: {
   ...
   }, 
   title2: {
   ...
   }, 
   title3: {
   ...
   }, 
}

..

div(v-for="item in comp" @click="method(item)")

我如何在方法中获取项目名称（标题、标题2、标题3）？

标签： vue.js

Answer 1

尝试这个：

new Vue({
  el:'#app',
  data: {
    comp: {
      title: {}, 
      title2: {}, 
      title3: {}, 
    }
  },
  methods: {
    itemClicked(item) {
      console.log(item);
    }
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app">
  <div v-for="(val,key) in comp" @click="itemClicked(key)">
    {{ key }} - {{ val }}
  </div>
</div>