（已解決）Vue.js 在 v-for 中判斷點選哪一個按鈕

vue.js vue3

小斑 2021-10-23 13:45:26 ‧ 1010 瀏覽

分享至

大家好
我是 Vue.js 的新手還請多多指教
想請問在 v-for 中產生的很多 Button 按鈕
要怎麼分辨點選的按鈕是哪一個呢
謝謝

HTML：

<template>
    <div id="app">
        <div v-for="(item, key) in list" :key="key">
            <Button label="Click" class="p-button-label p-button-sm" style="float:right" @click="clickBtn" />
        </div>
    </div>
</template>

JS：

<script>
    export default {
      name: 'app',
      data() {
        return {
            list: [{"id": "1","title": "animals1"},{"id": "2","title": "animals2"},{"id": "3","title": "animals3"},{"id": "4","title": "animals4"},{"id": "5","title": "animals5"}],
        }
      }
    }
</script>

緯大啊緯大人 iT邦研究生 1 級 ‧ 2021-10-23 15:46:40 檢舉

有時間的話，可以看六角學院幼幼班起手式，講很慢很無聊但基礎比較好上手

小斑 iT邦新手 3 級 ‧ 2021-10-23 22:47:41 檢舉

好的，謝謝建議～

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

黃彥儒

iT邦高手 1 級 ‧ 2021-10-23 14:28:45

最佳解答

<template>
    <div id="app">
        <div v-for="(item, key) in list" :key="key">
            <Button label="Click" class="p-button-label p-button-sm" style="float:right" @click="clickBtn('item')" />
        </div>
    </div>
</template>