vue @input / @change 事件 在IE11与其他常规浏览器中的表现

今天调试了一个Bug,不想绕着去改,花了2个小时,只改了一个字,刨根问底的去找,总算找到了。

这里总结一下。

在IE 11 浏览器下

vue在渲染html模版的时候,如果模版中有类似如下的代码,input 被初始化赋值,即使赋了空值(即input值没有发生改变)@input事件也会触发

但是在其他浏览器,Chrome, Firefox, Edge, Safari 则不会触发@input 事件

由于出发了这个事件,导致后续逻辑在IE11 上表现的和其他浏览器有出入,花了好久才找到这个问题。

最后把@input 改成@change就可以了,当初始化时就都不触发这些事件了

猜你喜欢

转载自www.cnblogs.com/ShawnSDC/p/12717266.html