首页 > 其他分享 >给组件input/input-number做校验 vue antd

给组件input/input-number做校验 vue antd

时间:2022-09-26 13:01:41浏览次数:88  
标签:vue number value 校验 组件 input

input校验

<a-input
                v-model="formState.collectCardNum"
                placeholder="请输入"
                oninput="value=value.replace(/[^\w\.\/]/ig,'')"
/>

oninput="value=value.replace(/[^\w./]/ig,'')" 主要就是这句

oninput 当input的value值发生变化时就会触发

onkeyup 当按键抬起的时候触发

replace() 方法用于在字符串中用一些字符替换另一些字符,但是实际使用的时候这两个都会或多或少的和想象中的不一样

https://blog.csdn.net/weixin_46172421/article/details/117284156

可以参考这个网址中的vue组件中的写法

input-number 校验

<a-input-number
                :min="0"
                :max="100"
                precision="2"
 />

直接用组件自带的属性就可以了

标签:vue,number,value,校验,组件,input
From: https://www.cnblogs.com/zongkm/p/16721683.html

相关文章