Vuetify Treeview hover

Question

https://codepen.io/beardedkoala/pen/wVXJKb 위 코드에서는 slot: label을 사용하여 hover시 연필버튼을 보여줍니다.그러나 이러한 형식은 문제가 있습니다.label div 안인 저 파란색 영역만 hover시 연필버튼이 나타난다는 것입니다.저는 저 파란영역 label의 div가 아닌 회색영역 즉 treeview-node에 마우스를 over했을때 연필버튼이 나타났으면 좋겠습니다.

scissors hand · Answer

inline을 부여해주면 되는 것 같네요.

create

잘하고싶따 · Answer

답변 감사합니다!적용해보았지만 ㅠㅠ 그대로더라구요. 일단 파란영역의 div크기를 감싸고 있는 div만큼의 크기로 키워줘서 사용하고 있습니다.--------------------------------------------------------------------------------------------------------------------------------------하지만 아이콘을 추가하여 사용할시 label slot을 사용하는 것이 아닌 prepend slot을 사용하기 때문에 아이콘 위로 hover를 하면 되지 않는 단점이 있긴 합니다.ㅠㅠ

Vuetify Treeview hover

2개의 답변

Q&A 목록