想要一个input输入完以后按空格键进行搜索（调用接口）

1.结构

<el-form-item prop="userInfo" label="工号">
      <el-input 
                 class="item_width" 
                  v-model.trim="dialogForm.userInfo"
                 placeholder="请输入工号" 
                 @keyup.32.native="userInfoList" 
>
        </el-input>
</el-form-item>

2.methods里面的方法

      userInfoList:function(e){
        var keyCode = window.event? e.keyCode:e.which;
        if(keyCode == 32&&this.dialogForm.userInfo){
          contentAuditAuthMngApi.userInfoCode(this.dialogForm.userInfo).then(res=>{
            if(res.status==0){
              console.log(res);
              this.dialogForm.userName=res.data.userInfoList[0].userName;
              this.dialogForm.orgName=res.data.userInfoList[0].orgName;
            }
          }) .catch((error) => {
            console.log('/approveUserAuthManage/findListApproveUserAuth查询内容审核权限管理', error)
          });
        }
      },

3.监听一下input没有值的时候清空姓名和部分

    //监听工号或者姓名无值时清空姓名和部门
    watch:{
        'dialogForm.userInfo'(val){
         if(!val){
           this.dialogForm.userName='';
           this.dialogForm.orgName='';
         }
        }
    }