IE11+vue.js：<input type="checkbox" v-on:input="blabla()"> 不起作用/触发

Question

包含此内容的 vue.js 模板不会在 IE11 中触发：

<input type="checkbox" v-on:input="blabla()">

blabla() 是在 Firefox 和 Chrome 中调用 - 只是在 IE11 中没有。

这是为什么呢？请参阅此codepen 进行复制。在 IE11 中，您需要 codepen debug view，因为 IE11 不支持 codepen 编辑器。

使用vue 2.6.10，今天是最新版本。

Answer 1

IE 不会触发input 事件，但会触发change 复选框事件。 Firefox 和 chrome 都会触发。请参阅this answer 了解更多信息。

我已更新 codepen 以同时显示 v-on:input 和 v-on:change。

这确实意味着vue.js doc 有点不完整。它说：

记住：

<input v-model="searchText">

做同样的事情：

<input
  v-bind:value="searchText"
  v-on:input="searchText = $event.target.value"
>

但显然<input type="checkbox"> 并非如此。

（所以我自己找到了答案，我只是想把它记录在这里，以供下一个遇到它的可怜人。）