input输入框的type="number"ios系统失效问题

411 阅读1分钟

案例: <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",然后用正则去校验整个的输入值。