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

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"
 />

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

posted @ 2022-09-26 12:53  zongkm  阅读(994)  评论(0)    收藏  举报