：id繫結 :id="‘a_'+index"

輸出的id為a_0，a_1。。。。。

 <div v-for="(item,index) in list" :key="index" >
 <div :id="'a'+index" @click="b(index)">哈哈哈</div>
 </div>

然後在vue的例項中就可以拿到對應的id

b(index){
    this.list.splice(index,1);
}

或

<div @click="open($event)" id="1">新增<div>

open(a){
  console.log(a.currentTarget.id)//1
}

補充知識：Vue中怎麼動態的去插入DOM節點呢？

問題描述：

排除資料的插入方式，假如存在兩組資料，每兩組為一個物件，那麼如果要載入下一個物件時應該怎麼去插入呢？

2017/09/14 昨天晚上在睡夢中，恍恍惚惚地想到了一個解決方法，其實也很簡單，只不過之前一直沒有細想。

解決方法：

1.之前通過artTemplate外掛進行先渲染再插入的方式實現該需求。

2.而Vue則是資料更改之後再去渲染

3.那麼既然這樣那就把問題中的兩組資料手動組裝為一個數組，然後動態的插入，問題不就迎刃而解了嗎

流程：假如存在A和B兩個陣列需要進行渲染

C = [
{
‘A': [],‘B': []
}
]

組裝為C陣列，然後每次獲取新的資料之後，動態地插入C陣列，然後在DOM結構中迴圈渲染C陣列，bingo！

以上這篇vue實現動態給id賦值,點選事件獲取當前點選的元素的id操作就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援我們。