vue 동적 id에 값을 부여하고 이벤트를 누르면 현재 클릭한 요소의 id 동작을 가져옵니다.
출력된 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);
}
또는 추가
문제 설명:
데이터의 삽입 방식을 배제합니다. 만약에 두 그룹의 데이터가 존재한다면 두 그룹이 하나의 대상이라면 다음 대상을 불러올 때 어떻게 삽입해야 합니까?
2017/09/14 어젯밤 잠결에 얼떨결에 해결책이 떠올랐지만 사실 간단했다. 단지 이전에는 곰곰이 생각하지 않았다.
해결 방법:
1. 이전에artTemplate 플러그인을 통해 먼저 렌더링하고 삽입하는 방식으로 이 요구를 실현했다.
2. Vue는 데이터 변경 후 렌더링
3. 그렇다면 문제 중의 두 그룹의 데이터를 수동으로 하나의 수조로 조립한 다음에 동적으로 삽입하면 문제가 쉽게 해결되지 않겠는가
프로세스: A와 B 두 개의 배열이 있는 경우 렌더링해야 함
상기 vue는 동적 id에 값을 부여합니다. 이벤트를 누르면 현재 클릭한 요소를 얻을 수 있는 id 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고도 해주시고 저희를 많이 사랑해 주십시오.
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 조작은 바로 편집자가 여러분에게 공유한 모든 내용입니다. 참고도 해주시고 저희를 많이 사랑해 주십시오.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.