iT邦幫忙

0

VUE 取得點擊的資料

先上CODE

<div v-for="item in items" :key="item.id">
    <transition appear enter-active-class="animated bounceIn">
    <q-item  to="/main">
    <img v-bind:src="item" class="responsive" />
    </q-item>
    </transition>
</div>

我的頁面會以陣列items的資料印出三張圖片
我的邏輯是在q-item裡面放一個方法辨識我點擊的是哪一張圖

    <q-item v-on="method()" to="/main">

但不知道該怎麼辨識,
items陣列會依據不同使用者有不同的資料,
items陣列是動態的資料。

item陣列大概長這樣

["statics/pm.png","statics/pmm.png","statics/mpm.png","statics/ppm.png"]
2
iT邦新手 5 級 ‧ 2019-08-06 10:57:13
最佳解答

試試讓你的 Method 收一個參數
用 v-on 的時候傳進去 簡單試了一下 看看你要的是不是這樣

https://codepen.io/judysocute/pen/NQXgPP?editors=1010

感謝詳細的CODE~

1
laibin
iT邦見習生 0 級 ‧ 2019-08-06 10:44:58

method(item), 将当前点击的数据传参进去

2
dragonH
iT邦大師 4 級 ‧ 2019-08-06 11:02:49

codepen

click 可以帶 params 進去

看你要直接傳 item

或是傳 index 都可以

比較需要注意的是

剛試了

<q-item @click="myClick(item)"></q-item>

無法觸發

必須使用

<q-item @click.native="myClick(item)"></q-item>

參考

這個我知道唷~~~~
貼上來的時候為了簡化就沒打上去了
因為D大妳比二樓慢一點 最佳解我就給他了
還是謝謝你喔 ><

dragonH iT邦大師 4 級 ‧ 2019-08-06 11:24:11 檢舉

/images/emoticon/emoticon82.gif

我要發表回答

立即登入回答