vue 동적 id에 값을 부여하고 이벤트를 누르면 현재 클릭한 요소의 id 동작을 가져옵니다.

:id 바인딩:id="a_'+index"
출력된 id는 a_0,a_일.....

 <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);
}
또는
추가

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 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고도 해주시고 저희를 많이 사랑해 주십시오.

좋은 웹페이지 즐겨찾기