iview input 文本框为text 怎样验证输入的是数字

最新推荐文章于 2024-09-05 09:19:52 发布

zql_ll

最新推荐文章于 2024-09-05 09:19:52 发布

阅读量3.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： vue iview

本文链接：https://blog.youkuaiyun.com/qq_41994549/article/details/85852370

vue 同时被 2 个专栏收录

20 篇文章

订阅专栏

iview

13 篇文章

订阅专栏

本文介绍了一种在表单中实现计时器输入验证的方法，包括在FormItem组件上绑定属性进行输入监听，并通过设置验证规则确保输入为必填且为数字类型。

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

第一步

在FormItem 上绑定 prop

<FormItem label="计时：" prop="jishi">
              <Input v-model="formItem.jishi"  @on-keydown="jishi" placeholder="请输入计时"></Input>
            </FormItem>

第二步

做验证

jishi: [
            {
              required: true,
              message: '请输入计时'
            },
            {
              type:'number',
              message:'输入的类型为数字',
              transform(value) {
                return Number(value);
              }
            }
          ],