首页 > 其他分享 >elementui 输入框限制输入内容

elementui 输入框限制输入内容

时间:2023-07-30 16:32:23浏览次数:66  
标签:自定义 elementui 可扩展性 输入框 step input 输入

输入框限制输入内容为正整数

可以使用 el-input-number 标签 记得加上严格step-strictly属性,step为1这样就不会有小数出来了

<el-input-number v-model="num" :step="1" step-strictly :min='1'></el-input-number>

或者也可以自定义方法 input事件上进行实时修改,这样的可扩展性就更大了

<el-input v-model="scopeMin" @input="(val)=>{scopeMin = val.replace(/[^\d]/g, '')}"/>

标签:自定义,elementui,可扩展性,输入框,step,input,输入
From: https://blog.51cto.com/u_16204378/6901410

相关文章

  • 1.变量&&输入输出
    1.变量&&输入输出变量概念:变量,本质上是一个装东西的盒子,并且只能存放一个值。1.变量的命名规则变量的名字由:数字,字母,下划线组成,并且不能以数字开头,且区分大小写。变量的定义格式:变量名=值注意:赋值符号(从左往右读),==等于。a=1b=1.1c='hnfkujg'3.变量的类型int整型,f......
  • 1.变量&&输入输出
    1.变量&&输入输出一·变量概念:变量,本质上是一个装东西的盒子,并且只能存放一个值。1·变量的命名规则变量的名字由:数字,字母,下划线组成,并且不能以数字开头,且区分大小写。2.变量的定义格式:变量名=值注意:=赋值符号(从右往左读),==等于a=55b=6.555c='apple'3.变量的......
  • 连接win7共享的打印机提示需要输入凭据(用户名和密码),怎么办?
    解决办法(前提是被访问的机器已经设置了不需要密码访问):造成问题的原因是win10新的安全机制不允许不使用户名和密码访问其他机器在win10机器上进行如下设置1、控制面板->程序->启用或关闭Windows功能->找到smb1.x。勾选确认。2、可以尝试一下将Windows10电脑的注册表键......
  • latex算法取消endfor输入
    一、方法使用以下的包取消enfor,endif等输出,使算法更加的整洁。\usepackage[noend]{algorithmic}二、结果展示直接使用algorithmic使用后三、参考网址tex问答网站......
  • vue使用directives V-指令限制输入框内容
    在一些表单中输入框需要前端加入限制,比如需要用户输入的是非负数的整数,这时候我们可以使用v-指令只要在input里加上就行。不需要一个个的去校验,省去的校验的代码<el-input-numberv-model="typeModel.jyCheckNum"clearableplaceholder="请输入不合格数"size="small"v-ente......
  • ElementUI 扩展
    学习目录Vue.js基础:在学习ElementUI之前,你需要先掌握Vue.js的基础知识,包括Vue.js的核心概念、指令、组件等。ElementUI组件:ElementUI包含很多常用的UI组件,如按钮、表单、表格、弹窗等,你需要针对每个组件进行深入的学习,了解组件的使用方法、属性、事件等。ElementUI主题......
  • NLP网络的输入和输出为何长度一样
    NLP网络的输入和输出为何长度一样自然语言处理(NaturalLanguageProcessing,简称NLP)是一门研究人类语言与计算机之间交互的学科。在NLP中,神经网络模型被广泛应用于各种任务,如文本分类、机器翻译、情感分析等。在这些任务中,我们经常遇到一个问题:为什么NLP网络的输入和输出长度一样?......
  • android studio输入对话框
    AndroidStudio输入对话框AndroidStudio是一款为Android应用程序开发提供支持的集成开发环境(IDE)。在开发过程中,我们经常需要与用户进行交互,而输入对话框是其中一个重要的组成部分。本文将向您介绍如何在AndroidStudio中创建和使用输入对话框,并提供相应的代码示例。创建输入对话......
  • Latex常用数学符号输入方法
    引用CSDN博文https://blog.csdn.net/qq_25368751/article/details/87888974......
  • nn.Conv2d()参数说明、输入输出
    1.参数说明2.输入输出参数计算若没有设置dilation:......