IE11、vuejs 2 中的 v-model 绑定答案

【问题标题】：v-model binding in IE11, vuejs 2IE11、vuejs 2 中的 v-model 绑定
【发布时间】：2018-08-02 11:46:39
【问题描述】：

我有一个可以在 chrome、firefox 和 edge 上正常工作的身份验证表单。

  <el-form :model="auth">
    <el-form-item class="form-item" label="Email">
      <el-input v-model="auth.email" placeholder="Email"></el-input>
    </el-form-item>
    <el-form-item class="form-item" label="Password">
      <el-input type="password" v-model="auth.password" prop="password"></el-input>
    </el-form-item>
    <el-button class="submit-button" type="primary" @click="signIn">Login</el-button>
  </el-form>

当按下回车键时，会调用 signIn 函数并返回发送 auth 对象 - 登录成功，这是通常的情况。在IE11浏览器中，密码值始终为空即

{"email":"someEmail@example.com", password:"" }

当按下回车键时，上述对象作为请求发送。

是否有任何 polyfill 或者我在 vuejs 中为 IE11 遗漏了什么？

谢谢。

【问题讨论】：

标签： vuejs2

【解决方案1】：

看起来您正在使用Element，而我在输入文档中没有看到任何prop 属性。由于原生 HTML 输入也没有 prop 属性，因此 IE11 可能在密码输入方面存在问题，因为它不知道如何处理 prop="password"。

【讨论】：

感谢您注意到 prop 属性，我删除了 prop，再次尝试，但没有帮助。
我在 el-form 标签中添加了@keyup.enter.native="signIn" 并且它有效。

【解决方案2】：

在el-form 标签中添加了@keyup.enter.native="signIn"，它可以工作了。

【讨论】：