回答編集履歴
2
誤字の修正
test
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
v-modelディレクティブというものがあります。
|
|
2
2
|
|
|
3
|
-
（参考：[Vue.j
|
|
3
|
+
（参考：[Vue.js公式ドキュメント - フォーム入力バインディング](https://jp.vuejs.org/v2/guide/forms.html#%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88)）
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
|
|
7
|
-
```<input
|
|
7
|
+
```<input v-model="keyword">```
|
|
8
8
|
|
|
9
9
|
のように指定すると、
|
|
10
10
|
|
1
補足説明を追記
test
CHANGED
|
@@ -17,3 +17,7 @@
|
|
|
17
17
|
|
|
18
18
|
|
|
19
19
|
という動作をします。
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
（追記：v-onは、確かに、「テキストボックスの値が変わった」とか「ボタンをクリックした」というような操作がされたときに実行する関数を指定することが出来るのですが、今回の目的であればv-modelという仕組みがVue.jsに用意されているので、そちらを使った方がよいかと思います。）
|