首页 > 其他分享 >vue3 ts用正则表达式校验两位小数和校验整数的方法

vue3 ts用正则表达式校验两位小数和校验整数的方法

时间:2024-02-22 10:45:43浏览次数:36  
标签:和校验 const props ts value prop vue3 校验 小数

<el-col :span="12">
<el-form-item label="贷款金额" prop="loanAmount">
<el-input-number
v-model="props.loanAmount"
:min="0"
@change="checkIntegerNumber('loanAmount')"
controls-position="right"
/>
</el-form-item>
</el-col>

  

 

<script setup lang="ts" name="test">
const checkIntegerNumber= (prop: any) => {
const value = props.value[prop];
//校验整数 if (!/^\d+$/.test(value)) { props.value.[prop] = ""; } }; const checkNumber= (prop: any) => { const value = props.value[prop];
//校验两位小数 if (!/^\d+(\.\d{1,2})?$/.test(value)) { props.value.[prop] = ""; } }; </script>

  

标签:和校验,const,props,ts,value,prop,vue3,校验,小数
From: https://www.cnblogs.com/jsliao/p/18026793

相关文章

  • 苹果AppleMacOs最新Sonoma系统本地训练和推理GPT-SoVITS模型实践
    GPT-SoVITS是少有的可以在MacOs系统下训练和推理的TTS项目,虽然在效率上没有办法和N卡设备相提并论,但终归是开发者在MacOs系统构建基于M系列芯片AI生态的第一步。环境搭建首先要确保本地环境已经安装好版本大于6.1的FFMPEG软件:(base)➜~ffmpeg-versionffmpegversion6......
  • 若依+vue3配置菜单后设置缓存但实际上切换页签重复请求接口
    刚接触ruoyi,配置菜单时发现一个问题,配置好了,也设置了缓存,但是切换tab页签还是会重复请求接口,配置如图:仅是举例,如上图,系统管理->角色管理列表配置,路由地址是role,缓存也勾选了,但实际上第一次打开角色管理页签第一次请求了数据,再跳转其他页面,回到角色管理页签时,又一次请求了数据,实......
  • dremio SupportsExternalQuery 简单说明
    dremio的外部查询实际上就是让我们可以通过sql直接查询source而不是通过复杂的处理,可以解决一些sql函数不能使用的问题对于实现了SupportsExternalQuery接口的存储扩展就可以实现此功能,比如jdbc的(属于ce扩展)参考语法SELECT*FROMtable(my_oracle.external_que......
  • ssts-hospital-web-master项目实战记录六:项目迁移方案大纲(html -> vue)
    记录时间:2024-02-21(一)公共资源部分Inc/cssInc/flashInc/imagesInc/jsInc/voice(二)页面部分1.主页及其组成(1)index.html->App.vue(2)MainPage*.html->views/main-page*MainPage1.html->views/main-page1MainPage2.html->views/main-page2MainPage3.html->......
  • tsx格式防抖
    定义:import{useCallback,useEffect,useRef}from'react';exportinterfaceDebounceRefType{fn:Function;timer?:NodeJS.Timeout;}exporttypeDebouncePropsType=[Function,number,any[]?];constuseDebounce=(...[fn,debounce,dep......
  • ts泛型08
    泛型(Generics)是指在定义函数、接口或类的时候,不预先指定具体的类型,而在使用的时候再指定类型的一种特性 //需求:定义一个函数,传入两个参数,第一个参数是数据,第二个参数是数量,//函数的作用:根据数量产生对应个数的数据,存放在一个数组中functionGetaArr<T>(value:T,count:......
  • TCL学习:First Class Tcl Objects and Relationships
    前言:最近需要移植vivado工程到新板卡上。之前只学了基础TCL语法,复杂一点的指令看博客看文档对陌生名词挠头。才发现官方文档VivadoDesignSuiteTclCommandReferenceGuide(UG835)第一章的FirstClassTclObjectsandRelationships对Vivado用到的TCL的指令做了很好的知识铺......
  • TS学习随笔
    1,ts是什么TypeScript是JavaScript的超集,这意味着它可以完成JavaScript所做的所有事情,而且额外附带了一些能力。TypedJavaScriptatAnyScale.它强调了TypeScript的两个最重要的特性——类型系统、适用于任何规模。 JavaScript本身是一种动态类型语言,这意味着变量可......
  • WMTS API——wmts1.0.0.htm
    WMTS,Web地图瓦片服务(WebMapTileService)当前版本是1.0.0。WMTS标准定义了一些操作,这些操作允许用户访问瓦片地图。WMTS可能是OGC首个支持RESTful访问的服务标准。参考:https://baike.baidu.com/item/WMTS/1091367?fr=ge_alaArcGISServer10.1之服务新特性(WMTS1.0.0)ArcGISServ......
  • ssts-hospital-web-master项目实战记录五:集成第三方库
    1.Vue-Router的集成在Vue.js+TypeScript项目中集成Vue-Router,具体的步骤如下。第一步:新建页面组件在src/views目录下分别新建main/main.vue、login/login.vue、not-found/not-found.vue三个页面组件。main.vue组件代表首页,代码如下所示:<scriptsetuplang="ts"></script>......