iT邦幫忙

0

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

大家好
我是 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邦新手 3 級 ‧ 2021-10-23 22:47:41 檢舉
好的,謝謝建議~

1 個回答

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>
小斑 iT邦新手 3 級 ‧ 2021-10-23 22:50:48 檢舉

謝謝,不過我測試@click="clickBtn('item')"的結果是undefined,改測試@click="clickBtn('key')"可以成功,謝謝提示。

我要發表回答

立即登入回答