VUE 身高体重计算BMI

好的，以下是一个简单的 Vue.js 代码片段，用于计算身高体重指数（BMI）：

<template>
  <div>
    <label>身高(cm): </label>
    <input type="number" v-model="height" />
    <br />
    <label>体重(kg): </label>
    <input type="number" v-model="weight" />
    <br />
    <button @click="calculateBMI">计算BMI</button>
    <br />
    <p v-if="bmi">你的BMI是: {{ bmi }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      height: null,
      weight: null,
      bmi: null
    };
  },
  methods: {
    calculateBMI() {
      if (this.height && this.weight) {
        const heightInMeters = this.height / 100;
        const bmi = (this.weight / (heightInMeters * heightInMeters)).toFixed(1);
        this.bmi = bmi;
      }
    }
  }
};
</script>

这个 Vue 组件包含两个输入框，一个用于身高，一个用于体重，以及一个按钮来触发计算BMI的函数。当用户点击按钮时，组件将检查输入是否存在，并使用标准的BMI公式计算BMI，并将其显示在页面上。