vue 移入显示_vue 鼠标移入移出事件执行多次(尤其ie)

来自：https://www.cnblogs.com/myfirstboke/p/9150809.html  侵删

互相关注

out (t) {

t.target.innertext = '互相关注'

},

over (t) {

console.log(t, 1)

console.log(t.target.innertext, 1)

t.target.innertext = '取消关注'

},

不能这么写，这么写的话ie10点击取消关注会卡死，应为mouseover有冒泡，这里应该用mouseenter只在当前，不用event

****************************************************************************************************

****************************************************************************************************

最好这么写

{{msg}}

data里面

msg:'互相关注'

out () {

this.msg = '互相关注'

},

over () {

this.msg = '取消关注'

},

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout；相当于有冒泡

只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave

这样的话，mouseenter子元素不会反复触发事件，否则在ie中经常有闪烁情况发生。这就时为啥ie兼容的时候要卡死

如您对本文有疑问或者有任何想说的，请点击进行留言回复，万千网友为您解惑！