**

VUE 表单input 框使用@blur事件

input 框失去焦点 ,便会触发定义的方法
表单内的input框
form表单代码

  <el-form-item label="身份证号码:" prop="idNumber">
       <el-input  @blur="onBsp($event)" v-model="laApplicationDetail.idNumber" placeholder="身份证号码"  maxlength="18" show-word-limit
                            style="width: 240px;" ></el-input >
  </el-form-item>

methods方法,下面附代码

methods的方法
methods方法代码

onBsp(event) {
        let queryParam = {
          name:event.target.form[0].value,
          idcard: event.target.value
        }
        getinformation(queryParam).then(res => {
          let list = res.data;
          this.laApplicationDetail.migrantworker = list.migrantworker;
          this.laApplicationDetail.phone = list.phone;
        }).catch(error => {
          this.$message({
            message: error.response.data.message ? error.response.data.message : '网络异常',
            type: 'warning'
          })
        });
      },

上图的 方法的 queryParam参数怎么获取的

在这里插入图片描述

小白记录自己学习的过程 欢迎各位大佬指点

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐