Vuejs 다른 방법은

Question

내 현재 설정은 다음과 같습니다 :

[{ 
    name: "test", 
    tags: ["aa","bb","v"] 
}, 
...] 

<div class="item" v-for="item in sdList" :data-id="item.id"> 
     <span @click="deleteTag(item, $event)" v-for="tag in item.tags">{{tag}}</span> 
</div> 

methods: { 
    deleteTag(item,event){ 
     event.target.style.display = "none"; 
    } 
} 

문제 event.target 또는 event.currentTarget 못해 작업이 제대로입니다. currentTarget은 버블 링이 끝난 후 요소를 가리 키지 않으며 target은 때때로 잘못된 객체를 가리 킵니다.

v-show 지시어 또는 다른 해결책을 어떻게 적용 할 수 있습니까?

Answer 1

실제로 목록에서 항목을 제거해야 할 경우

[{ 
    name: "test", 
    tags: ["aa","bb","v"] 
    }, ...] 

<div class="item" v-for="item,index in sdList" :data-id="item.id"> 
    <span @click="deleteTag(index)" v-for="tag in item.tags"> 
    {{tag}} 
    </span> 
</div> 

methods: { 
deleteTag(itemIndex){ 
    this.sdList.splice(itemIndex, 1); 
} 
} 

에 코드를 변경할 수 있습니다