回答編集履歴
1
今後同様の処理を作成する際の指針について追記。
test
CHANGED
|
@@ -4,9 +4,21 @@
|
|
|
4
4
|
|
|
5
5
|
- v-on:clickで関数名を指定する際は、関数名の後に()が必要です。
|
|
6
6
|
|
|
7
|
-
- ス
|
|
7
|
+
- Vueインスタンスのdataプロパティに、変数bmiを追加し、CALCボタンを押下することでこの変数の値を更新するように変更。
|
|
8
8
|
|
|
9
9
|
（これに伴い、HTML上BMIを表示する箇所は"params.bmi"→"$data.bmi"に変更
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
基本的には、
|
|
14
|
+
|
|
15
|
+
- 【スクリプト側】dataプロパティに変数を定義して、この値を更新する
|
|
16
|
+
|
|
17
|
+
- 【HTML側】上記の変数を（{{ $data.bmi }}のように）表示する
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
というような処理を書くのがシンプルでよいかと思います。
|
|
10
22
|
|
|
11
23
|
|
|
12
24
|
|