Skip to content

v-model does no sync when keyboard Backspace clicked in input[type="password"] & IE 9 #5250

@Array-Huang

Description

@Array-Huang

Version

2.2.4

Reproduction link

https://jsfiddle.net/array_huang/9czpu10o/2/

Steps to reproduce

I can't test my code in jsfiddle with IE 9. So maybe you need to test it in the local file.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  <div id="app">
    <form action="">
      <input type="text" v-model="username">
      <p>{{username}}</p>
      <input type="password" v-model="pwd">
      <p>{{pwd}}</p>
    </form>
  </div>
  <script src="./vue.min.js"></script>
  <script>
    var app = new Vue({
      el: '#app',
      data: {
        username: '',
        pwd: '',
      }
    })
  </script>
</body>
</html>

What is expected?

when I input Backspace to delete any word in input[type="password"] with v-model & IE 9, it should sync like input[type="text"].

What is actually happening?

It doesn't sync when I input Backspace.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions