vue的input框校验IP白名单事件

输入框

 <el-row :gutter="10">
        <el-col :md="24" :lg="12">
          <div class="grid-content bg-purple">
            <el-form-item label="IP白名单">
              <el-input v-model="form.ipaddress" placeholder="请输入IP,IP至少一个,最多三个，用 英文逗号分开" @change="((val)=>{changeStatus(val)})" clearable />
            </el-form-item>
          </div>
        </el-col>
  </el-row>

data（）

  data() {
    return {
      form: {
        ipaddress:'',
      },
      ipFlag: false,
    }
  },

js校验事件

    changeStatus(val){
      let ipRegex = /^(?:(?:^|,)(?:[0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])(?:\.(?:[0-9]|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])){3}){1,3}$/
      if (ipRegex.test(val) === false) {
        this.$message.error('输入IP格式有误，请重新输入！！！')
        this.ipFlag = false;
      } else {
        this.ipFlag = true;
      }
    },