2***@qq.com
2***@qq.com
  • 发布:2022-08-03 18:24
  • 更新:2022-08-13 13:50
  • 阅读:565

【报Bug】使用vue3版本的uni-input,限制输入框数字,只触发一次修改

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: windows10

HBuilderX版本号: 3.5.3

浏览器平台: Chrome

浏览器版本: 103.0.5060.134

项目创建方式: CLI

CLI版本号: 5.0.8

示例代码:

<input class="uni-input" type="number" v-model="form.number" placeholder="这是一个数字输入框" @input="verifyInput($event)" />

//验证数量 const verifyInput = (e: any) => { // console.log(e.detail.value, test.value) // if (e.detail.value == "111") { // test.value = 0 // } form.value.number = (+form.value.number > +form.value.stock) ? +form.value.stock : +form.value.number; }

操作步骤:

修改值不会变换

预期结果:

限制数量不能超过库存量。

实际结果:

数量可以一直输入,@input中的赋值不起作用

bug描述:

使用三元判断限制输入框最大数,赋值时不起作用。

2022-08-03 18:24 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com (作者)

必须使用nextTick,无语死了,

  • 橘子侠

    vue3用this.$nextTick也无效吧? 我刚刚是用css属性pointer-events代替了

    2022-08-13 14:18

  • 橘子侠

    pointer-events:${cy_change?'none':'auto'}

    2022-08-13 14:18

  • 8***@qq.com

    nextTick具体咋用的呢 我也遇到了这个问题 无语了

    2022-10-28 14:39

橘子侠

橘子侠 - 前端开发

同问!!!uniapp使用vue3BUG多啊!

该问题目前已经被锁定, 无法添加新回复