回答編集履歴

4

返信

2021/02/17 13:14

投稿

Masa-Shin
Masa-Shin

スコア269

test CHANGED
@@ -77,3 +77,21 @@
77
77
  }
78
78
 
79
79
  ```
80
+
81
+
82
+
83
+ ** 追記2 **
84
+
85
+ 遅くなってしまいましたがこちら進捗いかがでしょうか。
86
+
87
+
88
+
89
+ > selectedObject.kigyocode のkigyokodeの中身は「undefind」でした。
90
+
91
+
92
+
93
+ これは前の行で `JSON.stringify`を行って文字列にしてしまっているからですね。
94
+
95
+
96
+
97
+ `this.selectData`は以前は文字列でしたが現在はオブジェクトとして保存しているようですので、`JSON`をどうこうする必要なく、そのまま`kigyocode`を比較すれば大丈夫です。

3

コメント返答

2021/02/17 13:14

投稿

Masa-Shin
Masa-Shin

スコア269

test CHANGED
@@ -43,3 +43,37 @@
43
43
 
44
44
 
45
45
  つまり後は`isSelected(object)`を、渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成すればOKです。
46
+
47
+
48
+
49
+ **追記**
50
+
51
+ コメントではマークダウンが書けないのでこちらに書きます。
52
+
53
+
54
+
55
+ まず`data.loginListData`の`object`が、何らかのidを持っている必要があります(でないと各objectが識別できないため)
56
+
57
+ なので`userId`というプロパティを持っているとして話を進めます。
58
+
59
+
60
+
61
+ `this.selectData`には現在選んでいるオブジェクトが文字列化して保存されているはずなので、それをオブジェクトに戻し、`userId`を比較すれば等しいかどうか判定できます。
62
+
63
+
64
+
65
+ ```javascript
66
+
67
+ methods: {
68
+
69
+ isSelected(object) {
70
+
71
+ const selectedObject = JSON.parse(this.selectData) // 選択中のオブジェクト
72
+
73
+ return object.userId === selectedObject.userId // 選択中のものと渡されたもののIDが等しいならばtrueを返す
74
+
75
+ }
76
+
77
+ }
78
+
79
+ ```

2

訂正

2021/02/12 11:43

投稿

Masa-Shin
Masa-Shin

スコア269

test CHANGED
@@ -38,8 +38,8 @@
38
38
 
39
39
  ```
40
40
 
41
- とすると、`isSelected(object)`がのときだけ`focused`というクラスが付与されます。
41
+ とすると、`isSelected(object)`が`true`のときだけ`focused`というクラスが付与されます。
42
42
 
43
43
 
44
44
 
45
- `isSelected(object)`渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成してください
45
+ つまり後は`isSelected(object)`を、渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成すればOKです

1

訂正

2021/02/12 10:51

投稿

Masa-Shin
Masa-Shin

スコア269

test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
  ```css
12
12
 
13
- focused {
13
+ .focused {
14
14
 
15
15
  background: rgba(213, 225, 241, 0.71);
16
16
 
@@ -42,4 +42,4 @@
42
42
 
43
43
 
44
44
 
45
- * `isSelected(object)`は`object`が選択されている場合のみ`true`になるように`methods`内に作成してください。
45
+ `isSelected(object)`は渡された`object`が選択されている場合のみ`true`になるように`methods`内に作成してください。