在vue项目的node_modules/element-ui目录下加console.log打印，为什么没有效果？

Question

在做一个表单提交验证时遇到了问题：明明已经填了数据，打印model对应的变量也是有值的，为什么element还是验证不通过？比对了大半天代码也没看出原因，想想不如去element源码中加打印看看，结果加了console.log也没反应，重新npm run dev了

    <el-form :model="currentConfig" :rules="ldapRules" ref="configLdapForm" @keyup.native.enter="saveConfig('configLdapForm')">

      <el-form-item label="服务器地址" :label-width="formLabelWidth" prop="uri">
        <el-input v-model.trim="currentConfig.ldap_server_uri" class="ldapinput" placeholder="ldap://x.x.x.x" :disabled="!currentConfig.enable_ldap"></el-input>
      </el-form-item>
    </el-form>
    
    <div slot="footer" class="dialog-footer">
      <el-button @click="isConfigLdapDialogVisible.bol = false">取 消</el-button>
      <el-button type="primary" @click="saveConfig('configLdapForm')" :enabled="currentConfig">确 定</el-button>
    </div>
    
    data中定义的rules如下：
    
      ldapRules: {
        bindDn: [
          { required: true, message: '请输入用于访问LDAP服务器的用户DN', trigger: 'blur' },
          { min: 1, max: 200, message: '用户DN的长度不得超过100个字符', trigger: 'blur' },
        ],
      },      
      
    在点击保存的时候调用了 this.$refs[formName].validate  

Answer 1

可能是你输入的内容不符合规范吧

Answer 2

因为你实际上使用的element组件是经过压缩编译过后的文件，也就是lib文件夹中的文件。
所以你在node_modules文件夹下的src中的console.log没有作用。