：id綁定 :id="‘a_'+index"
輸出的id為a_0，a_1。。。。。
|
1
2
3
|
<div v-for="(item,index) in list" :key="index" ><div :id="'a'+index" @click="b(index)">哈哈哈</div></div> |
然后在vue的實例中就可以拿到對應的id
|
1
2
3
|
b(index){ this.list.splice(index,1);} |
或
<div @click="open($event)" id="1">添加<div>
|
1
2
3
|
open(a){ console.log(a.currentTarget.id)//1} |
補充知識：Vue中怎么動態的去插入DOM節點呢？
問題描述：
排除數據的插入方式，假如存在兩組數據，每兩組為一個對象，那么如果要加載下一個對象時應該怎么去插入呢？
2017/09/14 昨天晚上在睡夢中，恍恍惚惚地想到了一個解決方法，其實也很簡單，只不過之前一直沒有細想。
解決方法：
1.之前通過artTemplate插件進行先渲染再插入的方式實現該需求。
2.而Vue則是數據更改之后再去渲染
3.那么既然這樣那就把問題中的兩組數據手動組裝為一個數組，然后動態的插入，問題不就迎刃而解了嗎
流程：假如存在A和B兩個數組需要進行渲染
|
1
2
3
4
5
6
|
C = [{‘A': [],‘B': []}] |
組裝為C數組，然后每次獲取新的數據之后，動態地插入C數組，然后在DOM結構中循環渲染C數組，bingo！
以上這篇vue實現動態給id賦值,點擊事件獲取當前點擊的元素的id操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持服務器之家。
原文鏈接：https://blog.csdn.net/D_Z_Yong/article/details/99635282
