案例:
<input class="wrap-input" type="number" v-model="info.val" :placeholder="readonly?'':'非必填'" :readonly="readonly">
问题:
在输入框输入中文后和空,都可以通过校验,相当于我自己写的校验没有生效。
查看v-model双向绑定的值,可以使用:
mounted() { window.$this = this },
在移动端,进行查看。
解决方案:
<input class="wrap-input" type="text" v-model="info.val" :placeholder="readonly?'':'非必填'" :readonly="readonly">
将type属性修改为 "text",然后用正则去校验整个的输入值。