Buefy Vue2 select不会对输入事件做出反应

<template>
  <b-select v-model="selected" @input="handleInput">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
  </b-select>
</template>

<script>
export default {
  data() {
    return {
      selected: ''
    };
  },
  methods: {
    handleInput(value) {
      console.log('Selected value:', value);
    }
  }
};
</script>

{
  "dependencies": {
    "vue": "^2.6.14",
    "buefy": "^0.9.10"
  }
}

<script>
export default {
  data() {
    return {
      selected: ''
    };
  },
  mounted() {
    console.log('Component mounted');
  },
  methods: {
    handleInput(value) {
      console.log('Selected value:', value);
    }
  }
};
</script>

<template>
  <form @submit.prevent="submitForm">
    <b-select v-model="userRole" @input="handleRoleInput">
      <option value="admin">Admin</option>
      <option value="user">User</option>
    </b-select>
    <button type="submit">Submit</button>
  </form>
</template>

<script>
export default {
  data() {
    return {
      userRole: ''
    };
  },
  methods: {
    handleRoleInput(value) {
      console.log('Selected role:', value);
    },
    submitForm() {
      console.log('Form submitted with role:', this.userRole);
    }
  }
};
</script>