回答編集履歴
4
返信
answer
CHANGED
|
@@ -37,4 +37,13 @@
|
|
|
37
37
|
return object.userId === selectedObject.userId // 選択中のものと渡されたもののIDが等しいならばtrueを返す
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
|
-
```
|
|
40
|
+
```
|
|
41
|
+
|
|
42
|
+
** 追記2 **
|
|
43
|
+
遅くなってしまいましたがこちら進捗いかがでしょうか。
|
|
44
|
+
|
|
45
|
+
> selectedObject.kigyocode のkigyokodeの中身は「undefind」でした。
|
|
46
|
+
|
|
47
|
+
これは前の行で `JSON.stringify`を行って文字列にしてしまっているからですね。
|
|
48
|
+
|
|
49
|
+
`this.selectData`は以前は文字列でしたが現在はオブジェクトとして保存しているようですので、`JSON`をどうこうする必要なく、そのまま`kigyocode`を比較すれば大丈夫です。
|
3
コメント返答
answer
CHANGED
|
@@ -20,4 +20,21 @@
|
|
|
20
20
|
```
|
|
21
21
|
とすると、`isSelected(object)`が`true`のときだけ`focused`というクラスが付与されます。
|
|
22
22
|
|
|
23
|
-
つまり後は`isSelected(object)`を、渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成すればOKです。
|
|
23
|
+
つまり後は`isSelected(object)`を、渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成すればOKです。
|
|
24
|
+
|
|
25
|
+
**追記**
|
|
26
|
+
コメントではマークダウンが書けないのでこちらに書きます。
|
|
27
|
+
|
|
28
|
+
まず`data.loginListData`の`object`が、何らかのidを持っている必要があります（でないと各objectが識別できないため）
|
|
29
|
+
なので`userId`というプロパティを持っているとして話を進めます。
|
|
30
|
+
|
|
31
|
+
`this.selectData`には現在選んでいるオブジェクトが文字列化して保存されているはずなので、それをオブジェクトに戻し、`userId`を比較すれば等しいかどうか判定できます。
|
|
32
|
+
|
|
33
|
+
```javascript
|
|
34
|
+
methods: {
|
|
35
|
+
isSelected(object) {
|
|
36
|
+
const selectedObject = JSON.parse(this.selectData) // 選択中のオブジェクト
|
|
37
|
+
return object.userId === selectedObject.userId // 選択中のものと渡されたもののIDが等しいならばtrueを返す
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
```
|
2
訂正
answer
CHANGED
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
{{ object.kigyomei}}
|
|
19
19
|
</button>
|
|
20
20
|
```
|
|
21
|
-
とすると、`isSelected(object)`が
|
|
21
|
+
とすると、`isSelected(object)`が`true`のときだけ`focused`というクラスが付与されます。
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
つまり後は`isSelected(object)`を、渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成すればOKです。
|
1
訂正
answer
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
例えば、
|
|
6
6
|
```css
|
|
7
|
-
focused {
|
|
7
|
+
.focused {
|
|
8
8
|
background: rgba(213, 225, 241, 0.71);
|
|
9
9
|
}
|
|
10
10
|
```
|
|
@@ -20,4 +20,4 @@
|
|
|
20
20
|
```
|
|
21
21
|
とすると、`isSelected(object)`が真のときだけ`focused`というクラスが付与されます。
|
|
22
22
|
|
|
23
|
-
|
|
23
|
+
※`isSelected(object)`は渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成してください。
|