質問編集履歴

1

説明を追加

2022/07/03 06:34

投稿

hinaruna
hinaruna

スコア2

test CHANGED
File without changes
test CHANGED
@@ -4,21 +4,35 @@
4
4
  親画面でチェックボックスのON/OFFの状態により処理を分岐していますが、
5
5
  子画面でも同じようにチェックボックスの状態を受け取り、処理を分岐させたい。
6
6
 
7
+ 親画面と子画面にそれぞれ更新ボタンがあるのですが
8
+ 親画面のみにあるチェックボックスのON/OFFで処理をわけたいです。
9
+ 親画面の更新処理は実装できています。
10
+
7
11
  <調べたこと>
12
+ 親子間の受け渡しの動きを確認するために
8
- 親画面の値はpropsで受け取るというところまでたどり着いたのですが、
13
+ propsで親画面のテキストを子画面で受け取るとろまではできまし
14
+
15
+ 実際はチェックボックスの状態(this.fixedCheck)をpropsで受け取りたいのですが、
9
- 後つまづいています。から参照だけなので
16
+ 子画面値に画面チェックボックス取得する関数を設定てもうまくきません。
17
+
10
- 難しくないはずなのですが、調べ方やヒントだけでも結構ですので教えて頂けると助かります。
18
+ 調べ方やヒントだけでも結構ですので教えて頂けると助かります。
11
19
  どうぞよろしくお願いいたします。
12
20
 
13
- ```親画面
21
+ ```parent.vue
14
22
  ---省略
15
23
  <v-checkbox
16
24
  v-model="fixedCheck"
17
- label="fixed"
25
+ label="fixed"
18
- @click="onfixedCheck"
19
26
  ></v-checkbox>
20
27
 
28
+ <CheckStatus
29
+ :checked="getFixedCheckStatus"
30
+ />
21
31
  ---省略
32
+
33
+ <script>
34
+ import CheckStatus from '../components/CheckStatus';
35
+ components: CheckStatus
22
36
 
23
37
  if (!this.fixedCheck) {
24
38
  OFFの時の処理
@@ -26,4 +40,27 @@
26
40
  ONの時の処理
27
41
  }
28
42
 
43
+ getFixedCheckStatus() {
44
+ let res = this.fixedCheck;
45
+ return res;
46
+ },
47
+ </script>
29
48
  ```
49
+
50
+ ```child.vue
51
+ export default {
52
+ components: {
53
+ },
54
+ props: [
55
+ 'checked',
56
+ ],
57
+
58
+ console.log(this.checked);
59
+ ↓このような値がでて取得できない
60
+ (){var e=this.Checkboxes.fixedCheck;return e}
61
+
62
+ ```
63
+
64
+
65
+
66
+