vue element-ui输入框验证数字类型时识别不到数字

最新推荐文章于 2024-11-01 18:15:21 发布

南极以南☞

最新推荐文章于 2024-11-01 18:15:21 发布

阅读量653

点赞数 9

文章标签： vue.js ui javascript

本文链接：https://blog.youkuaiyun.com/qq_51495800/article/details/135273844

版权

文章描述了在使用ElementUI构建的表单中，遇到的问题是当用户输入的是数字时，却收到宽度必须为数字值的错误提示。作者指出即使规则是从官网复制的，问题出在v-model.number绑定方式上，可能需要特别指定数字类型以解决此问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                          <el-form-item
                            prop="Width"
                            :rules="[
                              { type: 'number', message: '宽度必须为数字值' },
                            ]"
                          >
                            <el-input
                              v-model.number="tableRowData.Width"
                              size="small"
                              placeholder="请输入货品宽"
                          /></el-form-item>

记录一下,很呆的一个问题，明明我输入的就是数字给我报必须输数字，rules也是从官网copy过来的，其实问题就是输入框绑定值的时候必须写 v-model.number=xxx