如何在 Vuejs 中单击图像 ID答案

【问题标题】：How to the Clicked image ID in Vuejs如何在 Vuejs 中单击图像 ID
【发布时间】：2019-06-20 15:52:38
【问题描述】：

我循环显示数据库中的图像。每张图片都有一个唯一的 ID，我想在点击图片时获取 ID。

<div v-for="kudo in catkudo"  style="width:20%;float:left;display:block;height:80px;">
  <div class="kudos_img" style="">
     <img style="width:40%" v-bind:value="kudo.id" v-on:click="select($event)" v-model="kudocat" :src="'/kudosuploads/badges/'+kudo.image" alt="">
     <p>{{ kudo.catname }}</p>
  </div>
</div>

  addKudoPost: function(profile_id){


      var formkudodata = new FormData();

    formkudodata.append('kudodescription', this.kudodescription);

    formkudodata.append('kudouser', this.selected);

    formkudodata.append('kudoimage', this.kudocat);



    axios.post('/addNewsFeedKudoPost', formkudodata)
    .then(response=>{

        if(response.status===200){
           this.posts = response.data.posts; 
           this.birthdays = response.data.birthdays; 
           console.log(this.kudodescription);
           console.log(this.selected);
           $('#post-box')[0].innerHTML = "";
           this.newsfeedPostImages();

       }

   })
    .catch(function (error) {
        console.log(error);
    });
},

单击图像时，我需要获取 ID 并将其分配给变量。

【问题讨论】：

你能发一个你在 catkudo 中输入的例子吗？

标签： laravel vue.js

【解决方案1】：

您的select 方法必须有kudo.id 作为参数。

<template>
  <div v-for="kudo in catkudo"  style="width:20%;float:left;display:block;height:80px;">
    <div class="kudos_img" style="">
       <img style="width:40%" :value="kudo.id" @click="select(kudo.id)" v-model="kudocat" :src="'/kudosuploads/badges/'+kudo.image" alt="">
       <p>{{ kudo.catname }}</p>
    </div>
  </div>
</template>

export default {
  methods: {
    select (id) {
      console.log(id, 'is selected');
    }
  }
}

【讨论】：

不工作我用我的代码更新..你能检查一下
@Salvator 请不要编辑其他用户的答案来扩展您的问题。如果您的新代码与此问题相关，edit your question。如果此代码会显着改变问题（到此处两个答案都将无效的地方），ask a new question。我建议您使用tour，以便更习惯该网站。另请参阅 How to Ask 和 How to Answer 了解什么是正确的问题和正确的答案以及它们有何不同。

【解决方案2】：

v-on:click="select($event, kudo.id)"

如果您的 kudo 确实有一个 id，那么这将起作用。并且你需要修改 select 来接受所说的 id。

【讨论】：