ElemeFE / ElemeFE/element

[bug report] El input cannot enter decimal point when v-model.number binding is used!

Open
#19,164 3 comments 0 reactions 0 assignees View on GitHub
stale
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.13.0

### OS/Browsers version
windows/chrome

### Vue version
3.0.0-alpha.12

### Reproduction Link
https://codepen.io/pen/?&editable=true=https%3A%2F%2Felement.eleme.cn%2F2.7%2F

### Steps to reproduce
以官网示例为例:https://element.eleme.cn/2.7/#/zh-CN/component/form#shu-zi-lei-xing-yan-zheng

这个年龄框无法输入小数形式如32.5,输入“32”后点击小数点没有反应,但是先输入.5会变成0.5,此时可以移动光标修改为32.5,并且能通过验证(说明这个域可以接受小数值,并不是要求整数,校验类型是number而不是integer)

如果稍作修改,如加上type=number:

这就可以正常输入小数了,但是输入域尾部出现了讨厌的上下箭头,还有提示:“请输入有效值,两个最接近的有效值分别是32和33”,但是我们正是需要输入非整数的

### What is Expected?
el-input可以正常输入带小数的数字

### What is actually happening?
无法输入带小数的数字,或者需要先输入小数再修改整数部分;或者添加type='number'后可以输入但带有不适当的展示内容

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.