回答編集履歴
1
今後同様の処理を作成する際の指針について追記。
answer
CHANGED
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
修正箇所が複数あるので箇条書きで記載させていただきます。
|
|
2
2
|
|
|
3
3
|
- v-on:clickで関数名を指定する際は、関数名の後に()が必要です。
|
|
4
|
-
- ス
|
|
4
|
+
- Vueインスタンスのdataプロパティに、変数bmiを追加し、CALCボタンを押下することでこの変数の値を更新するように変更。
|
|
5
5
|
（これに伴い、HTML上BMIを表示する箇所は"params.bmi"→"$data.bmi"に変更
|
|
6
6
|
|
|
7
|
+
基本的には、
|
|
8
|
+
- 【スクリプト側】dataプロパティに変数を定義して、この値を更新する
|
|
9
|
+
- 【HTML側】上記の変数を（{{ $data.bmi }}のように）表示する
|
|
10
|
+
|
|
11
|
+
というような処理を書くのがシンプルでよいかと思います。
|
|
12
|
+
|
|
7
13
|
以上のように変更しまして、最終的なソースは下記のようになります。
|
|
8
14
|
```<!DOCTYPE html>
|
|
9
15
|
<html lang="ja">
|