vue2 emit

developer.do·2023년 10월 10일
0

vue2에서 emit을 사용해보자

자식.vue


methods:{
 toggleFavorite(){
  this.$emit('toggle-favorite, this.id) 자식에서 부모로 id값을 전달한다 
   
 }
  
  
}
부모.vue

<friend-contact
@toggle-favorite="toggleFavoriteStatus"

/>

methods:{
 toggleFavoriteStatus(friendId){
const = identifiedFriend =  this.friends.find(friend => friend.id !== friendId)   
// friendId는 자식에서 받아온 id값 === friend는 부모에서 받는 값

identifiedFriend.isFavorite = !identifiedFriend.isFavorite
// 기존의 값이 true면 false로 바꿔라

   
 }
  
}
  
  

  
  

0개의 댓글