javascript - 如何从 vue.js 中的循环项目中获取 id？

Question

我有一个这样的循环:

<div class="jokes" v-for="joke in jokes">
  <strong>{{joke.body}}</strong>
  <small>{{joke.upvotes}}</small>
  <button v-on:click="upvote"><i class="fa fa-arrow-down"></i></button>
<div>

我需要获取joke.id，以便我可以将其发布到后端并增加投票。

方法应该是这样的:

 methods: {
        upvote: function(e) {
            axios.post( this.BASE_URL + "/api/joke/" + this.joke.id + "/upvote", {
                token: 'secret',
            }).then(function(data){
                console.log(data);
            });
        }
     },

我怎样才能实现这个目标？

Answer 1

在点击中传递笑话。

<button v-on:click="upvote(joke)"><i class="fa fa-arrow-down"></i></button>

在方法中使用它。

upvote: function(joke) {
  axios.post( this.BASE_URL + "/api/joke/" + joke.id + "/upvote", {
    token: 'secret',
  }).then(function(data){
    console.log(data);
  });
}