vue-grid-layout 아이템 이동시 배경색 바꾸기(placehold)

** 트러블슈팅 **

 

---

 

목적

 

vue-grid-item 이동시 백그라운드로 표시되는 placehold 배경색을 바꾸려고 한다.

기본색 (red / opaciti 0.2)

 

 

방법

해당 아이템의 class로 접근하여 원하는 옵션을 추가한다.

그후 important를 먹이면 기존 클래스의 옵션값이 무시되고 반영된다.

.vue-grid-item.vue-grid-placeholder {
    background: rgb(0 151 255) !important;
    opacity: 0.1 !important;
  }

 

결과!

 

주의*

SCSS 스코프 내에 선언할것.

 

 

 

 

 

---

*참고링크

https://jbaysolutions.github.io/vue-grid-layout/guide/styling.html#placeholder