質問編集履歴
4
タイトルの変更
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Vue.Draggableを使ってtableの行のドラッグアンドドロップをしたい
|
|
1
|
+
Rubu on Railsプロジェクト内で、Vue.Draggableを使ってtableの行のドラッグアンドドロップをしたい
|
test
CHANGED
|
File without changes
|
3
コードの修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
|
|
53
53
|
#app
|
|
54
54
|
|
|
55
|
-
.container-fluid
|
|
55
|
+
.container-fluid.mb-4.ml-4.py-4.border.w-50
|
|
56
56
|
|
|
57
57
|
ul
|
|
58
58
|
|
|
@@ -100,7 +100,9 @@
|
|
|
100
100
|
|
|
101
101
|
```hugarb
|
|
102
102
|
|
|
103
|
+
#app
|
|
104
|
+
|
|
103
|
-
.container-fluid.mb-4.ml-4.py-4.border.w-50
|
|
105
|
+
.container-fluid.mb-4.ml-4.py-4.border.w-50
|
|
104
106
|
|
|
105
107
|
table.table.border
|
|
106
108
|
|
2
微修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -188,7 +188,7 @@
|
|
|
188
188
|
|
|
189
189
|
おそらく記法に問題があると思うのですが、原因がわかっていません。
|
|
190
190
|
|
|
191
|
-
公式のサンプルコードは`.vue`ファイルを使って書いている一方で、私のコードは`.rb`と`.js`ファイルに分けて書いています。
|
|
191
|
+
公式のサンプルコードは`.vue`という[単一ファイルコンポーネント](https://jp.vuejs.org/v2/guide/single-file-components.html)を使って書いている一方で、私のコードは`.rb`と`.js`ファイルに分けて書いています。
|
|
192
192
|
|
|
193
193
|
|
|
194
194
|
|
1
記事の完成
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -168,6 +168,10 @@
|
|
|
168
168
|
|
|
169
169
|
|
|
170
170
|
|
|
171
|
+
cocsole.logなどでファイルが読み込まれているのは確認済みです。
|
|
172
|
+
|
|
173
|
+
並び替えたいtr要素の上にdraggableが設定できているので、これで動いてほしいのですが…
|
|
174
|
+
|
|
171
175
|
|
|
172
176
|
|
|
173
177
|
|
|
@@ -178,4 +182,18 @@
|
|
|
178
182
|
|
|
179
183
|
|
|
180
184
|
|
|
185
|
+
[Vue.Draggable公式](https://sortablejs.github.io/Vue.Draggable/#/table-example)の[サンプルコード](https://github.com/SortableJS/Vue.Draggable)を真似しようとしてみましたが、結果的にうまく行っていません…
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
|
|
189
|
+
おそらく記法に問題があると思うのですが、原因がわかっていません。
|
|
190
|
+
|
|
181
|
-
|
|
191
|
+
公式のサンプルコードは`.vue`ファイルを使って書いている一方で、私のコードは`.rb`と`.js`ファイルに分けて書いています。
|
|
192
|
+
|
|
193
|
+
|
|
194
|
+
|
|
195
|
+
|
|
196
|
+
|
|
197
|
+
|
|
198
|
+
|
|
199
|
+
なにかわかる方がいらっしゃいましたら、ご教授お願いしますm(_ _)m
|