[ vue.js ] 구현 : 리스트 중 하나를 선택하면 버튼을 활성화 시키자

구현 목표 

리스트 중 마우스를 올리면 올린 리스트 객체에 버튼이 생기고 마우스를 내리면 버튼이 없어지는 것

 

고려점

마우스를 올린 객체를 구별해야된다. 그 구별된 객체에 버튼을 생성해야된다

 

시도 1

map 자료구조를 이용해서 @mouseover을 이용해서 파일명의 값을 변경하고자 했습니다.

=> 문제점 : 자바스크립트 map 자료구조에서는 값 변경이 불가능합니다. (c에서는 당연히 되는거였는데 안된다는 걸 생각하지도 못했습니다. 아무리 검색해봐도 변경이 가능하지 않았습니다. 새로운 객체에 복사할 때, 수정하는 것 빼고는... )

 

시도 2

map 자료구조 대신 json을 사용하고 함수로 빼서 구현하였습니다.

성공적으로 기능 구현되었습니다