teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

親コンポーネントのsampleを修正しました

2020/02/12 05:09

投稿

nieve
nieve

スコア33

title CHANGED
File without changes
body CHANGED
@@ -33,11 +33,12 @@
33
33
  <el-child
34
34
  v-for = "item in items"
35
35
  :data = data
36
+ @catchChildState = "changeState"
36
37
  />
37
38
  </template>
38
39
 
39
40
  <script>
40
- export default {
41
+ export default {
41
42
  data() {
42
43
  return {
43
44
  states: [],
@@ -46,7 +47,7 @@
46
47
  }
47
48
  }
48
49
  methods {
49
- catchChildState(d) {
50
+ changeState(d) {
50
51
  this.states.push(d)
51
52
  this.state = this.states.some(val => val == true);
52
53
  }

2

親コンポーネントのsampleコード catchChildState を修正しました。

2020/02/12 05:09

投稿

nieve
nieve

スコア33

title CHANGED
File without changes
body CHANGED
@@ -40,13 +40,15 @@
40
40
  export default {
41
41
  data() {
42
42
  return {
43
+ states: [],
43
44
  state: false,
44
45
  data: いくつか情報の入ったオブジェクト
45
46
  }
46
47
  }
47
48
  methods {
48
49
  catchChildState(d) {
49
- this.state = d;
50
+ this.states.push(d)
51
+ this.state = this.states.some(val => val == true);
50
52
  }
51
53
  }
52
54
  }

1

リクエストを追記しました。

2020/02/12 05:02

投稿

nieve
nieve

スコア33

title CHANGED
File without changes
body CHANGED
@@ -21,6 +21,9 @@
21
21
  なにか検知したらとめるような方法はないでしょうか?
22
22
 
23
23
 
24
+ ※ リクエスト:
25
+ できれば、子コンポーネントごとの条件算出は子コンポーネントで行いたいです。
26
+
24
27
  ```vue
25
28
  【parent】
26
29