質問編集履歴

1

追記しました

2020/04/05 08:27

投稿

g-n-n
g-n-n

スコア24

test CHANGED
File without changes
test CHANGED
@@ -15,6 +15,18 @@
15
15
  <div id="inputBox">
16
16
 
17
17
  <input type="text" class="searchInputTextBox" v-model.trim="searchWord">
18
+
19
+ </div>
20
+
21
+
22
+
23
+ <div id="authorList" class="column">
24
+
25
+ <ul>
26
+
27
+ <template-author v-for="listItem in authorList" :value="listItem" @open-id="openMethod"></template-author>
28
+
29
+ </ul>
18
30
 
19
31
  </div>
20
32
 
@@ -47,3 +59,11 @@
47
59
  このコードでinputに文字(全角)を入力しEnterを押すと、inputに入力した文字が消えてしまい、入力したものを変更することができません。
48
60
 
49
61
  Enterを押してもinputの中に入力した文字を残しておくためにはどのようなことをすればよいでしょうか。
62
+
63
+
64
+
65
+ 追記:
66
+
67
+ 文字を入力しEnterを押すと、文字に対応するものだけリスト表示されるものです。
68
+
69
+ 現状では文字を入力しEnterを押すと、正しくリストが表示されます。が、inputの中身がなくなってしまうので、リストを再度更新することができません(たとえば、「りんご」と入力してリストを表示させた後、全部入力を削除して元のリスト表示に戻すなど)