在 vue.js 中存储循环对象

Question

我想将循环对象存储在 HTML 元素的 id 中，以便在单击该元素时可以使用它。我的代码如下

<tr v-for="obj in data">
    <td v-for="(value, key) in obj" :id="obj"></td>
</tr>

但它不起作用。有人可以在这方面帮助我吗？

Answer 1

您可以在单击 table 的 td 元素时调用方法，并将当前对象传递给该方法。

var app = new Vue({
  el: '#app',
  data: {
    arr:[{name:'Demo User',email:'demoUser@gmail.com'},             {name:'James Bond',email:'james@gmail.com'}]
      },
  methods:{
    getData:function(item){
       alert(item.name+"--"+item.email);
    }
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
<table border="1">
<tbody>
<tr v-for="item in arr">
    <td v-for="(value, key) in item" v-on:click="getData(item)">{{value}}</td>
</tr>
</tbody>
</table>
</div>

在 vue.js 中存储循环对象

Store loop object in vue.js

loops

iterate

vuejs2