H5下 input 组件 v-model 和 @input 事件无效

[student-ice]

<input
            v-model="phone"
            type="number"
            placeholder="请输入手机号"
            maxlength="11"
            @input="phoneInput"
          />

const phone = ref()
const phoneInput = (e) => {
  console.log(e)
};

Vue3

代码大概是这样，在小程序中，输入的时候可以触发input事件，phone的值也是正确的，
在h5中Input 事件不会触发，phone 的值也始终是undefined