質問編集履歴
4
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
|
|
121
121
|
|
|
122
122
|
|
|
123
|
-
###### ２．
|
|
123
|
+
###### ２．DOMで<div class="children">を持っている<draggable>を配列で取得して、DOMから直接:disabledをfalseにする
|
|
124
124
|
|
|
125
125
|
```
|
|
126
126
|
|
|
@@ -138,13 +138,13 @@
|
|
|
138
138
|
|
|
139
139
|
for (let i = 0; i < targetLength; i++) {
|
|
140
140
|
|
|
141
|
-
|
|
141
|
+
// 親element（<draggable>）のdisabledをtrueに変更
|
|
142
142
|
|
|
143
|
-
targetLists[i].parentElement.d
|
|
143
|
+
targetLists[i].parentElement.disabled = true; // 変化なし
|
|
144
144
|
|
|
145
|
-
targetLists[i].parentElement[d
|
|
145
|
+
targetLists[i].parentElement[disabled] = true; // 変化なし
|
|
146
146
|
|
|
147
|
-
targetLists[i].parentElement.getAttribute['d
|
|
147
|
+
targetLists[i].parentElement.getAttribute['disabled'] = true; // 変化なし
|
|
148
148
|
|
|
149
149
|
};
|
|
150
150
|
|
3
書式の改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -84,6 +84,16 @@
|
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
|
|
87
|
+
### 質問
|
|
88
|
+
|
|
89
|
+
１．v-bindディレクティブに単一の式の記述はできるのか（書き方が誤っているだけ）
|
|
90
|
+
|
|
91
|
+
２．DOM（document.getElementsByClassName）で取得した配列から、v-bindディレクティブを操作できるのか（書き方が誤っているだけ）
|
|
92
|
+
|
|
93
|
+
３．上記いずれも誤っている場合、方向性だけご教授いただきたいです
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
87
97
|
### やったこと
|
|
88
98
|
|
|
89
99
|
上記を解決するために、以下の2つに取り組みました。
|
|
@@ -104,9 +114,11 @@
|
|
|
104
114
|
|
|
105
115
|
>
|
|
106
116
|
|
|
107
|
-
// 全てtrueになってしまう
|
|
117
|
+
// 全てtrueになってしまう（質問1の箇所）
|
|
108
118
|
|
|
109
119
|
```
|
|
120
|
+
|
|
121
|
+
|
|
110
122
|
|
|
111
123
|
###### ２．対象のDOM（Bを持っているA）を配列で取得して、for文でDOMから直接:disabledをfalseにする
|
|
112
124
|
|
|
@@ -138,7 +150,7 @@
|
|
|
138
150
|
|
|
139
151
|
}
|
|
140
152
|
|
|
141
|
-
// DOMから、draggableの:disabledは操作できない？
|
|
153
|
+
// DOMから、draggableの:disabledは操作できない？（質問2の箇所）
|
|
142
154
|
|
|
143
155
|
```
|
|
144
156
|
|
2
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
>
|
|
22
22
|
|
|
23
|
-
<div class="children" v-
|
|
23
|
+
<div class="children" v-show="child[i]"></div>
|
|
24
24
|
|
|
25
25
|
</draggable>
|
|
26
26
|
|
|
@@ -76,11 +76,11 @@
|
|
|
76
76
|
|
|
77
77
|
### やりたいこと・仕様
|
|
78
78
|
|
|
79
|
-
１．```<div class="children">```を持っている```<draggable>```（1つ目と
|
|
79
|
+
１．```<div class="children">```を持っている```<draggable>```（1つ目と3つ目）は、```:disabled="true"```にする
|
|
80
80
|
|
|
81
|
-
２．```mouseover```している<draggable>（1つ目と
|
|
81
|
+
２．```mouseover```している<draggable>（1つ目と3つ目）は、```:disabled="false"```にする
|
|
82
82
|
|
|
83
|
-
３．２で```:disabled="false"```にしたものを、```mouseout```したタイミングで```
|
|
83
|
+
３．２で```:disabled="false"```にしたものを、```mouseout```したタイミングで```:disabled="true"```に戻す
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
|
1
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
|
|
21
21
|
>
|
|
22
22
|
|
|
23
|
-
<div class="children" v-if="child
|
|
23
|
+
<div class="children" v-if="child[i]"></div>
|
|
24
24
|
|
|
25
25
|
</draggable>
|
|
26
26
|
|
|
@@ -40,11 +40,11 @@
|
|
|
40
40
|
|
|
41
41
|
return {
|
|
42
42
|
|
|
43
|
-
child
|
|
43
|
+
child1: true,
|
|
44
44
|
|
|
45
|
-
child
|
|
45
|
+
child2: false,
|
|
46
46
|
|
|
47
|
-
child
|
|
47
|
+
child3: true,
|
|
48
48
|
|
|
49
49
|
}
|
|
50
50
|
|
|
@@ -96,7 +96,7 @@
|
|
|
96
96
|
|
|
97
97
|
class="drag"
|
|
98
98
|
|
|
99
|
-
:disabled="child
|
|
99
|
+
:disabled="child1 ? 'true' : 'false'"
|
|
100
100
|
|
|
101
101
|
@mouseover="dragPossible"
|
|
102
102
|
|