回答編集履歴

2

追記

2019/03/13 01:32

投稿

_Victorique__
_Victorique__

スコア1392

test CHANGED
@@ -10,16 +10,10 @@
10
10
 
11
11
  ### 追記
12
12
 
13
- trをコンポーネントとして切り出してv-showで表示・非表示を切り替えてみるとかどうでしょう?
13
+ data: []
14
14
 
15
+ filterData: []
15
16
 
17
+ 検索ボタンが押された時にmethodsのhandleClick内で検索条件を元にフィルタリングしてfilterDataを更新する形はどうでしょうか?
16
18
 
17
- 親要素内
18
-
19
- <my-tr :data="data" :options="formOptions">
20
-
21
-
22
-
23
- 子要素内
24
-
25
- optionsとdataを比較して表示すべきかどうかをcomputedで計算する
19
+ 要素の更新の際は注意してくださいね。

1

追記

2019/03/13 01:31

投稿

_Victorique__
_Victorique__

スコア1392

test CHANGED
@@ -3,3 +3,23 @@
3
3
 
4
4
 
5
5
  絞り込みに使う変数が更新される毎にレンダリングするデータも変更されます。
6
+
7
+
8
+
9
+
10
+
11
+ ### 追記
12
+
13
+ trをコンポーネントとして切り出してv-showで表示・非表示を切り替えてみるとかどうでしょう?
14
+
15
+
16
+
17
+ 親要素内
18
+
19
+ <my-tr :data="data" :options="formOptions">
20
+
21
+
22
+
23
+ 子要素内
24
+
25
+ optionsとdataを比較して表示すべきかどうかをcomputedで計算する