element-plus [Component] [input] 输入框v-model.number限制输入为数字

qoefvg9y  于 5个月前  发布在  其他
关注(0)|答案(3)|浏览(82)

Bug Type: Component

Environment

  • Vue Version: 3.2.47
  • Element Plus Version: 2.5.0
  • Browser / OS: chrome 125.0.6422.142
  • Build Tool: Vite

Reproduction

  • el-input

Element Plus Playground

Steps to reproduce

el-input组件,v-model.number限制输入为数字
开头是数字,可以限制,为空时可以输入字母等其他

What is Expected?

.number限制数字

What is actually happening?

未限制

Additional comments

(empty)

4ktjp1zp

4ktjp1zp1#

.number修饰符 如果该值无法被 parseFloat() 处理,那么将返回原始值

a14dhokn

a14dhokn2#

.number修饰符 如果该值无法被 parseFloat() 处理,那么将返回原始值

官方说不支持修饰符了
但在先输入1,在输入a,就会发现无法输入a,这说明修饰符还是起了作用
当初始没值时,却又可以直接输入a
这是自相矛盾的

2w2cym1i

2w2cym1i3#

目前来看是支持的,看了一下历史,文档中关于不支持修饰符的说明好像是很早之前写的。不确定是早期vue版本不支持还是组件内部实现有调整。

相关问题