element-plus [Component] [input-number] el-input-number 数字输入框可以填入e、+、- 等字符

ffscu2ro  于 2023-03-19  发布在  其他
关注(0)|答案(3)|浏览(342)

Bug Type: Component

Environment

  • Vue Version: 3.2.45
  • Element Plus Version: 2.2.28
  • Browser / OS: Chrome 版本 108.0.5359.125(正式版本) (64 位)
  • Build Tool: Vite

Reproduction

  • el-input-number

Element Plus Playground

Steps to reproduce

el-input-number 数字输入组件中可以直接输入e、+、- 等字符

What is Expected?

element-ui的做法是使用input type="text"的方式,可以避免发生这样的问题,为啥element Plus 要使用 input type="number"的方式呢?

What is actually happening?

el-input-number 使用 input type="number" 导致的

Additional comments

建议使用type="text"的方式,这样可以有效的避免这样的问题

noj0wjuj

noj0wjuj2#

e , + , -似乎都是数字的可输入范围吧,遇到这种问题一般是自己onblur或者change用正则处理

jk9hmnmh

jk9hmnmh3#

@acyza 此行为与element-ui 2.x的行为不一致。我认为这个问题应该讨论一下,使用type=number会产生浏览器行为差异,我认为应该消除浏览器差异。

相关问题