vue 输入身高体重自动计算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>
    <span v-if="bmi !== null">您的BMI指数为：{{ bmi }}</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      height: null,
      weight: null,
      bmi: null
    };
  },
  methods: {
    calculateBMI() {
      if (this.height && this.weight) {
        const heightM = this.height / 100;
        const bmi = (this.weight / (heightM * heightM)).toFixed(2);
        this.bmi = bmi;
      } else {
        alert("请输入身高和体重！");
      }
    }
  }
};
</script>

在上述代码中，我们使用了 Vue 的双向数据绑定机制 `v-model` 来获取用户输入的身高和体重。然后，通过点击计算按钮触发 `calculateBMI` 方法，进行 BMI 计算。最后，将计算结果显示在页面上。需要注意的是，身高单位为厘米，体重单位为千克。