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

回答編集履歴

1

toggleの値変更のみ記載していたため、注意書きと検索結果の処理を記述できるよう修正いたしました。

2021/01/13 05:09

投稿

Twoshi
Twoshi

スコア354

answer CHANGED
@@ -12,7 +12,13 @@
12
12
  }),
13
13
  watch: () => ({
14
14
  keyword: (newKeyword, oldKeyword) => { // ウォッチャで keyword を監視します。
15
- this.toggle = newKeyword === ""
15
+ if (newKeyword === "") {
16
+ // 注意書きの場合の処理
17
+ this.toggle = false;
18
+ } else {
19
+ // 検索結果の場合の処理
20
+ this.toggle = true;
21
+ }
16
22
  }
17
23
  })
18
24
  ```