关于vue.js:vueelement-动态表单对输入框elinput-输入校验只能输入数字和小数点

动静表单，校验只能输出数字和小数点

1.咱们晓得， 对原生的input 输出校验是：

<input onkeyup="value=value.replace(/[^\d]/g, '')" />

2.那对element 组件input 的校验， 就得用它的对应事件了

<el-input                       placeholder="请输出ip"                       v-model="formData.ip"                      @input="validIp"                      ></el-input>validIp(val){  this.formData.ip = value.replace(/[^\d.]/g, '')}

3.那么， 是动静的input 呢， 我这里实现了一个计划。就是在校验办法中， 把input #id 传过来，id中含index 下标信息， 通过document.getElementById(#id) 获取value

<el-input                       placeholder="请输出ip"                       :id="'ip_'+index"                      v-model="formData.ips[index]"                      @input="validIp('ip_'+index)"                      ></el-input>validIp(inputId){      let index = inputId.split("_")[1]      let dom = document.getElementById(inputId)      let temp = dom.value      temp = temp.replace(/[^\d.]/g, "")      this.formData.ips[index]=temp      },