elementUI - 表单中输入框两个字段只能输入数字, 以及两者失去焦点互相影响

613 阅读1分钟

```js <el-input v-model="formData.day" maxlength="4" @input="formData.day = String(formData.day).replace(/[^0-9]/g, '')" @blur="daysBlur()" placeholder="请输入几天内"

``` 几天内、几个月内:这2个字段互斥,填写其中一个字段后失去鼠标焦点时,会将另一个字段清零。失去焦点时若当前值为0,则不用清零另一个字段 ```js monthsBlur() { ;+this.formData.months && this.$set(this.formData, 'day', 0) }, ```

重点:

  • maxlength 规定可输入长度

  • @input 通过正则表达式把其他字符置为""

  • @blur 失去焦点是改变其他字段值