鼠標(biāo)移入移出事件代碼
<div @mouseenter="onMouseOver(item)" @mouseleave="onMouseOut"></div>methods
methods:{
// 鼠標(biāo)移入
onMouseOver(item){
console.log(item, '鼠標(biāo)進(jìn)來(lái)了');
},
// 鼠標(biāo)移出
onMouseOut(){
console.log('鼠標(biāo)出去了');
},
},這樣一個(gè)簡(jiǎn)單的鼠標(biāo)移入移出事件就完成了。
但是，我在我的標(biāo)簽中加上鼠標(biāo)移出移入事件過(guò)后，并沒(méi)有什么反應(yīng),在查閱了官方文檔之后，才發(fā)現(xiàn)了加一個(gè)屬性有可能就能解決這個(gè)問(wèn)題：
文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-528577.html
? 即添加native屬性即可解決：文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-528577.html
<div @mouseenter.native="onMouseOver(item)" @mouseleave.native="onMouseOut"></div>到了這里，關(guān)于vue實(shí)現(xiàn)鼠標(biāo)移入移出事件+解決鼠標(biāo)事件沒(méi)有反應(yīng)的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
