12 draggable try / ドラッグ機能の実装

[hasyrails]

draggableを使用する

ToDoカードをドラッグして カレンダーに移動できる機能の実装のデモを行う

実装参考

https://www.ritolab.com/entry/173 - RitoLabo

[hasyrails]

まず

Calendarコンポーネントのファイルに そのままToDoカード相当のコードを書いて ドラックできることを確かめる

[hasyrails]

実装

• 日付内でのスケジュールカードのDnD は実装できた
• カレンダー外からのDnD 移動エラー?( devideSchduleが関係？ )

[Vue warn]: Property or method "devidedSchedule" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

found in

---> <Calendar> at app/javascript/components/Calendar.vue
       <App> at app/javascript/app.vue
         <Root>

[hasyrails]

なぜか改善された部分

アイコンが切り替わるようになった