IE11 + vue.js：<input type =“ checkbox” v-on：input =“ blabla（）”>不起作用/启动

Question

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

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

在Firefox和Chrome中调用

blabla() -而不是在IE11中调用。

那是为什么？请参见此codepen进行复制。在IE11中，您将需要codepen debug view，因为IE11不支持代码笔编辑器。

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

Answer 1

IE不会触发input事件，但会触发复选框的change事件。 Firefox和chrome都会同时启动。有关更多信息，请参见this answer。

我更新了代码笔以显示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">并非如此。

（所以我自己找到了答案，我只想在这里为下一个遇到该问题的可怜人记录下来。）