用中文输入问题计算的vue 2触发器

Question

我正在使用vue2来挖掘我的项目.

我发现只有当我们将keyup/keydown中文输入到一个单词时,才会触发计算属性.

(例如:??? => ?当格式化为单词时,它只会触发1次而不是3次)

它不像纯粹的javascript事件.那是对的吗 !？

Answer 1

你是对的！来自文档（https://v2.vuejs.org/v2/guide/forms.html）：

\n

\n

对于需要IME 的语言（中文、日文、韩文等），您会注意到 v-model 在 IME 组合期间不会更新。如果您也想满足这些更新，请改用输入事件。

\n

\n

尝试这个：

\n

\r\n

\r\n

new Vue({\n  el: \'#app\',\n  data: {value: \'\'}\n})

\r\n

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.4/vue.js"></script>\n\n<div id="app">\n  <p>The value is: {{value}}</p>\n  <input v-on:input="value = $event.target.value"/>\n</div>

\r\n

\r\n

\r\n

\n