：id綁定 :id='‘a(chǎn)_’+index'

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

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

然后在vue的實(shí)例中就可以拿到對(duì)應(yīng)的id

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

或

<div @click='open($event)' id='1'>添加<div>

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

補(bǔ)充知識(shí)：Vue中怎么動(dòng)態(tài)的去插入DOM節(jié)點(diǎn)呢？

問題描述：

排除數(shù)據(jù)的插入方式，假如存在兩組數(shù)據(jù)，每?jī)山M為一個(gè)對(duì)象，那么如果要加載下一個(gè)對(duì)象時(shí)應(yīng)該怎么去插入呢？

2017/09/14 昨天晚上在睡夢(mèng)中，恍恍惚惚地想到了一個(gè)解決方法，其實(shí)也很簡(jiǎn)單，只不過之前一直沒有細(xì)想。

解決方法：

1.之前通過artTemplate插件進(jìn)行先渲染再插入的方式實(shí)現(xiàn)該需求。

2.而Vue則是數(shù)據(jù)更改之后再去渲染

3.那么既然這樣那就把問題中的兩組數(shù)據(jù)手動(dòng)組裝為一個(gè)數(shù)組，然后動(dòng)態(tài)的插入，問題不就迎刃而解了嗎

流程：假如存在A和B兩個(gè)數(shù)組需要進(jìn)行渲染

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

組裝為C數(shù)組，然后每次獲取新的數(shù)據(jù)之后，動(dòng)態(tài)地插入C數(shù)組，然后在DOM結(jié)構(gòu)中循環(huán)渲染C數(shù)組，bingo！

以上這篇vue實(shí)現(xiàn)動(dòng)態(tài)給id賦值,點(diǎn)擊事件獲取當(dāng)前點(diǎn)擊的元素的id操作就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持好吧啦網(wǎng)。