<template>
<view>
{{ val }}
<!-- val 示例：val为-1时，点击退格键，input事件没执行，val仍为-1 -->
<input type="number" :value="val" @input="val = $event.detail.value" />
</view>
</template>
<script lang="ts" setup>
import { ref } from 'vue';
const val = ref();
</script>
7***@qq.com
- 发布：2023-11-29 21:06
- 更新：2023-11-30 15:08
- 阅读：292
产品分类： uniapp/H5
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 19045.3693
浏览器平台： Edge
浏览器版本： 119.0.2151.72
项目创建方式： CLI
CLI版本号： 3.0.0-3080720230703001
示例代码：
操作步骤：
直接使用input type="number" 当输入负数时,删除最后一位数字时，不在执行input事件
直接使用input type="number" 当输入负数时,删除最后一位数字时，不在执行input事件
预期结果：
input type="number" 输入负数-1111，按退格键删减到-1时，继续点击退格键可以正常清空
input type="number" 输入负数-1111，按退格键删减到-1时，继续点击退格键可以正常清空
实际结果：
input type="number" 输入负数-1111，按退格键删减到-1时，继续点击退格键无法清空数字，输入其他负数都是如此
input type="number" 输入负数-1111，按退格键删减到-1时，继续点击退格键无法清空数字，输入其他负数都是如此
bug描述：
input type="number" 输入负数-1111，按退格键删减到-1时，继续点击退格键无法清空数字，输入其他负数都是如此
7***@qq.com (作者)
代码示例贴上了，找个vue3 uniapp项目用以上代码就可以复现问题
2023-11-30 17:06