Vue v-model.lazy 修饰符不起作用。为什么？

Question

这是我的代码：

<!DOCTYPE html>
<html>
  <head>
    <title>My first Vue app</title>
    <script src="https://unpkg.com/vue@2"></script>
  </head>
  <body>
    <div id="app">
      <input v-model.laze="foo" />
      {{foo}}
    </div>

    <script>
      var a = new Vue({
        el: "#app",
        data: { foo: 1 }
      });
    </script>
  </body>
</html>

我希望输入一些内容，失去焦点，然后更新 {{foo}} 的输出，但 {{foo}} 输出会在我输入内容后立即更新。 IE。行为就像没有 .lazy 修饰符一样。

我正在使用 Vue 的第二个版本，依赖于 the documentation。

Answer 1

将 v-model.laze 更改为 v-model.lazy

尝试：

<!DOCTYPE html>
<html>
  <head>
    <title>My first Vue app</title>
    <script src="https://unpkg.com/vue@2"></script>
  </head>
  <body>
    <div id="app">
      <input v-model.lazy="foo" />
      {{foo}}
    </div>

    <script>
      var a = new Vue({
        el: "#app",
        data: { foo: 1 }
      });
    </script>
  </body>
</html>

Vue v-model.lazy 修饰符不起作用。为什么？

Vue v-model.lazy modifier does not work. Why?

html

input

onchange

lazy-evaluation

vuejs2