给组件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 @   zongkm  阅读(941)  评论(0编辑  收藏  举报
努力加载评论中...
点击右上角即可分享
微信分享提示