vue.js中多个v模型的单一函数

<template>
  <div>
    <input type="text" v-model="input1" @input="handleInput('input1', $event.target.value)">
    <input type="text" v-model="input2" @input="handleInput('input2', $event.target.value)">
    <input type="text" v-model="input3" @input="handleInput('input3', $event.target.value)">
  </div>
</template>

<script>
export default {
  data() {
    return {
      input1: '',
      input2: '',
      input3: ''
    };
  },
  methods: {
    handleInput(name, value) {
      // 根据name参数来判断是哪个v-model的变化
      switch (name) {
        case 'input1':
          // 处理input1的变化逻辑
          break;
        case 'input2':
          // 处理input2的变化逻辑
          break;
        case 'input3':
          // 处理input3的变化逻辑
          break;
        default:
          break;
      }
    }
  }
};
</script>