draggable 검색 결과
1 개의 검색 결과가 있습니다.
JavaScript

[vue draggable] CDN으로 table draggable 드래그앤드랍 구현

리스트에서 드래그앤드랍을 구현하기 위해서 vue의 draggable 라이브러리를 사용하기로 결정하였다. webpack방식이 아닌 cdn방식으로 구현하였으며, vue 버전은 3.2.31 의 vue.global.js 를 사용하였다. 또한 draggable 구현을 위해 sortable과 vue-draggable-next를 사용하였다. 막상 구현하고 보니 매우 간단하였다. 아래 코드를 참고. 1. 스크립트 추가 2. 컴포넌트 마운트 const app = Vue.createApp(displayApp); app.component("draggable", VueDraggableNext["VueDraggableNext"]); app.mount("#displayApp"); 3. draggable 구현 {{ item.dis..

2022. 11. 14. 13:13