el-input无法输入0.0001的小数,自动转换为0在vue3中的bug

今天遇到个bug,el-input中只能输入0.1或者输入0.1再加上00成为0.001,不能直接输入0.001,否则自动转换为0。需要去掉 v-model.number后面的 .number

源代码:

javascript 复制代码
  <el-table-column label="实发数量" width="120">
                <template #default="scope">
                  <el-input
                    v-model.number="scope.row.actualQuantity"
                    type="number"
                    placeholder="请输入"
                    @input="validateQuantity(scope.row)"
                  ></el-input>
                </template>
              </el-table-column>

解决:

去掉 v-model.number后面的 .number

javascript 复制代码
 <el-table-column label="实发数量" width="120">
                <template #default="scope">
                  <el-input
                    v-model="scope.row.actualQuantity"
                    type="number"
                    placeholder="请输入"
                    @input="validateQuantity(scope.row)"
                  ></el-input>
                </template>
              </el-table-column>

就可以输入了。

相关推荐
栀秋6665 分钟前
当我把 proto 打印出来那一刻,我懂了JS的原型链
前端·javascript
小离a_a16 分钟前
flex垂直布局,容器间距相等
开发语言·javascript·ecmascript
Cassie燁24 分钟前
element-plus源码解读1——useNamespace
前端·vue.js
一直在学习的小白~25 分钟前
npm发布脚手架流程
前端·npm·node.js
ErMao28 分钟前
TypeScript的泛型工具集合
前端·javascript
涔溪39 分钟前
如何解决微前端架构中主应用和微应用的通信问题?
前端·架构
重铸码农荣光1 小时前
深入理解 JavaScript 原型链:从 Promise.all 到动态原型的实战探索
前端·javascript·promise
进击的野人1 小时前
深入理解 Async/Await:现代 JavaScript 异步编程的优雅解决方案
javascript·面试·ecmascript 6
我叫黑大帅1 小时前
什么叫可迭代对象?为什么要用它?
前端·后端·python
颜渊呐1 小时前
Vue3 + Less 实现动态圆角 TabBar:从代码到优化实践
前端·css