質問編集履歴
3
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
// undefined
|
|
103
103
|
→ isDrag[item.id + line.id + tag.id]をdataに指定する方法がわからず
|
|
104
104
|
```
|
|
105
|
-
###### ３．isDrag(item.id
|
|
105
|
+
###### ３．isDrag(item.id + line.id + tag.id)
|
|
106
106
|
```vue
|
|
107
107
|
--- 省略 ---
|
|
108
108
|
<draggable
|
2
書式の改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
### 該当のソースコード
|
|
13
13
|
|
|
14
14
|
```vue
|
|
15
|
-
<div v-for="(item, index) in items" :key="item.
|
|
15
|
+
<div v-for="(item, index) in items" :key="item.id">
|
|
16
|
-
<div v-for="(line, index) in lines" :key="line.
|
|
16
|
+
<div v-for="(line, index) in lines" :key="line.id">
|
|
17
|
-
<div v-for="(tag, index) in tags" :key="tag.
|
|
17
|
+
<div v-for="(tag, index) in tags" :key="tag.id">
|
|
18
18
|
<draggable
|
|
19
|
-
:ref="item.
|
|
19
|
+
:ref="item.id + line.id + tag.id"
|
|
20
20
|
:disabled="isDrag"
|
|
21
|
-
@mouseenter.native="isPossible(item.
|
|
21
|
+
@mouseenter.native="isPossible(item.id line.id, tag.id)"
|
|
22
|
-
@mouseleave.native="isImpossible(item.
|
|
22
|
+
@mouseleave.native="isImpossible(item.id, line.id, tag.id)"
|
|
23
23
|
>
|
|
24
24
|
<p>テキストテキスト</p>
|
|
25
25
|
</draggable>
|
|
@@ -49,14 +49,14 @@
|
|
|
49
49
|
|
|
50
50
|
###### １．isDrag(item.id, line.id, tag.id)
|
|
51
51
|
```vue
|
|
52
|
-
<div v-for="(item, index) in items" :key="item.
|
|
52
|
+
<div v-for="(item, index) in items" :key="item.id">
|
|
53
|
-
<div v-for="(line, index) in lines" :key="line.
|
|
53
|
+
<div v-for="(line, index) in lines" :key="line.id">
|
|
54
|
-
<div v-for="(tag, index) in tags" :key="tag.
|
|
54
|
+
<div v-for="(tag, index) in tags" :key="tag.id">
|
|
55
55
|
<draggable
|
|
56
|
-
:ref="item.
|
|
56
|
+
:ref="item.id + line.id + tag.id"
|
|
57
57
|
:disabled="isDrag(item.id, line.id, tag.id)"
|
|
58
|
-
@mouseenter.native="isPossible(item.
|
|
58
|
+
@mouseenter.native="isPossible(item.id, line.id, tag.id)"
|
|
59
|
-
@mouseleave.native="isImpossible(item.
|
|
59
|
+
@mouseleave.native="isImpossible(item.id, line.id, tag.id)"
|
|
60
60
|
>
|
|
61
61
|
<p>テキストテキスト</p>
|
|
62
62
|
--- 以下省略 ---
|
|
@@ -66,14 +66,14 @@
|
|
|
66
66
|
```
|
|
67
67
|
###### ２．isDrag[item.id + line.id + tag.id]
|
|
68
68
|
```vue
|
|
69
|
-
<div v-for="(item, index) in items" :key="item.
|
|
69
|
+
<div v-for="(item, index) in items" :key="item.id">
|
|
70
|
-
<div v-for="(line, index) in lines" :key="line.
|
|
70
|
+
<div v-for="(line, index) in lines" :key="line.id">
|
|
71
|
-
<div v-for="(tag, index) in tags" :key="tag.
|
|
71
|
+
<div v-for="(tag, index) in tags" :key="tag.id">
|
|
72
72
|
<draggable
|
|
73
|
-
:ref="item.
|
|
73
|
+
:ref="item.id + line.id + tag.id"
|
|
74
74
|
:disabled="isDrag[item.id + line.id + tag.id]"
|
|
75
|
-
@mouseenter.native="isPossible(item.
|
|
75
|
+
@mouseenter.native="isPossible(item.id, line.id, tag.id)"
|
|
76
|
-
@mouseleave.native="isImpossible(item.
|
|
76
|
+
@mouseleave.native="isImpossible(item.id, line.id, tag.id)"
|
|
77
77
|
>
|
|
78
78
|
<p>テキストテキスト</p>
|
|
79
79
|
</draggable>
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
<draggable
|
|
109
109
|
:ref="item.index + line.index + tag.index"
|
|
110
110
|
:disabled="'isDrag' + item.id + line.id + tag.id"
|
|
111
|
-
@mouseenter.native="isPossible(item.
|
|
111
|
+
@mouseenter.native="isPossible(item.id, line.id, tag.id)"
|
|
112
|
-
@mouseleave.native="isImpossible(item.
|
|
112
|
+
@mouseleave.native="isImpossible(item.id, line.id, tag.id)"
|
|
113
113
|
>
|
|
114
114
|
--- 省略 ---
|
|
115
115
|
// undefined
|
1
書式の改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
複数階層でv-forのリストレンダリングされたv-bind:disabledを特定し、動的に変更を加えたいです。
|
|
6
6
|
|
|
7
7
|
### 発生している問題・エラーメッセージ
|
|
8
|
+
v-bind:disabledに何かしたの情報を持たせたいが、どのように設定すれば良いか分かりません。
|
|
9
|
+
また、DOMから操作しようとしましたが、うまく動きませんでした。
|
|
8
|
-
「試したこと」に記載いたしました。
|
|
10
|
+
エラーメッセージは、「試したこと」に記載いたしました。
|
|
9
11
|
|
|
10
12
|
### 該当のソースコード
|
|
11
13
|
|