質問編集履歴

3

誤字修正

2021/01/09 06:13

投稿

--shiori--
--shiori--

スコア3

test CHANGED
File without changes
test CHANGED
@@ -206,7 +206,7 @@
206
206
 
207
207
  ```
208
208
 
209
- ###### 3.isDrag(item.id, line.id, tag.id)
209
+ ###### 3.isDrag(item.id + line.id + tag.id)
210
210
 
211
211
  ```vue
212
212
 

2

書式の改善

2021/01/09 06:13

投稿

--shiori--
--shiori--

スコア3

test CHANGED
File without changes
test CHANGED
@@ -26,21 +26,21 @@
26
26
 
27
27
  ```vue
28
28
 
29
- <div v-for="(item, index) in items" :key="item.index">
29
+ <div v-for="(item, index) in items" :key="item.id">
30
-
30
+
31
- <div v-for="(line, index) in lines" :key="line.index">
31
+ <div v-for="(line, index) in lines" :key="line.id">
32
-
32
+
33
- <div v-for="(tag, index) in tags" :key="tag.index">
33
+ <div v-for="(tag, index) in tags" :key="tag.id">
34
34
 
35
35
  <draggable
36
36
 
37
- :ref="item.index + line.index + tag.index"
37
+ :ref="item.id + line.id + tag.id"
38
38
 
39
39
  :disabled="isDrag"
40
40
 
41
- @mouseenter.native="isPossible(item.index, line.index, tag.index)"
41
+ @mouseenter.native="isPossible(item.id line.id, tag.id)"
42
-
42
+
43
- @mouseleave.native="isImpossible(item.index, line.index, tag.index)"
43
+ @mouseleave.native="isImpossible(item.id, line.id, tag.id)"
44
44
 
45
45
  >
46
46
 
@@ -100,21 +100,21 @@
100
100
 
101
101
  ```vue
102
102
 
103
- <div v-for="(item, index) in items" :key="item.index">
103
+ <div v-for="(item, index) in items" :key="item.id">
104
-
104
+
105
- <div v-for="(line, index) in lines" :key="line.index">
105
+ <div v-for="(line, index) in lines" :key="line.id">
106
-
106
+
107
- <div v-for="(tag, index) in tags" :key="tag.index">
107
+ <div v-for="(tag, index) in tags" :key="tag.id">
108
108
 
109
109
  <draggable
110
110
 
111
- :ref="item.index + line.index + tag.index"
111
+ :ref="item.id + line.id + tag.id"
112
112
 
113
113
  :disabled="isDrag(item.id, line.id, tag.id)"
114
114
 
115
- @mouseenter.native="isPossible(item.index, line.index, tag.index)"
115
+ @mouseenter.native="isPossible(item.id, line.id, tag.id)"
116
-
116
+
117
- @mouseleave.native="isImpossible(item.index, line.index, tag.index)"
117
+ @mouseleave.native="isImpossible(item.id, line.id, tag.id)"
118
118
 
119
119
  >
120
120
 
@@ -134,21 +134,21 @@
134
134
 
135
135
  ```vue
136
136
 
137
- <div v-for="(item, index) in items" :key="item.index">
137
+ <div v-for="(item, index) in items" :key="item.id">
138
-
138
+
139
- <div v-for="(line, index) in lines" :key="line.index">
139
+ <div v-for="(line, index) in lines" :key="line.id">
140
-
140
+
141
- <div v-for="(tag, index) in tags" :key="tag.index">
141
+ <div v-for="(tag, index) in tags" :key="tag.id">
142
142
 
143
143
  <draggable
144
144
 
145
- :ref="item.index + line.index + tag.index"
145
+ :ref="item.id + line.id + tag.id"
146
146
 
147
147
  :disabled="isDrag[item.id + line.id + tag.id]"
148
148
 
149
- @mouseenter.native="isPossible(item.index, line.index, tag.index)"
149
+ @mouseenter.native="isPossible(item.id, line.id, tag.id)"
150
-
150
+
151
- @mouseleave.native="isImpossible(item.index, line.index, tag.index)"
151
+ @mouseleave.native="isImpossible(item.id, line.id, tag.id)"
152
152
 
153
153
  >
154
154
 
@@ -218,9 +218,9 @@
218
218
 
219
219
  :disabled="'isDrag' + item.id + line.id + tag.id"
220
220
 
221
- @mouseenter.native="isPossible(item.index, line.index, tag.index)"
221
+ @mouseenter.native="isPossible(item.id, line.id, tag.id)"
222
-
222
+
223
- @mouseleave.native="isImpossible(item.index, line.index, tag.index)"
223
+ @mouseleave.native="isImpossible(item.id, line.id, tag.id)"
224
224
 
225
225
  >
226
226
 

1

書式の改善

2021/01/09 05:38

投稿

--shiori--
--shiori--

スコア3

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,11 @@
12
12
 
13
13
  ### 発生している問題・エラーメッセージ
14
14
 
15
+ v-bind:disabledに何かしたの情報を持たせたいが、どのように設定すれば良いか分かりません。
16
+
17
+ また、DOMから操作しようとしましたが、うまく動きませんでした。
18
+
15
- 「試したこと」に記載いたしました。
19
+ エラーメッセージは、「試したこと」に記載いたしました。
16
20
 
17
21
 
18
22