Vue如何自动触发元素上的mouseover事件？

Question

在元素上绑定了@mouseover事件，怎么让这个元素在页面一加载时就自动触发mouseover事件？达到类似jquery的 mouseenter()的效果？谢谢！

Answer 1

既然用mouseover事件绑定了函数，干嘛还要去触发事件，直接触发函数就可以了。
有样式的改变就做一下判断。

Answer 2

created(){
    this.$nextTick(()=>{
        //mouseover绑定的函数
    })
}

Answer 3

你问的很迷啊，mouseover你当然要鼠标滑过才触发，页面一加载时鼠标没动它怎么触发。。 重点在于你要触发这个函数跟过程没关系 你在created里直接触发就是了

Answer 4

vue本来就是为了数据和视图分离,你只要在created里面改变你想改变的数据不就行了.直接在created里面调用mouseover的函数就行了

Answer 5

最好是在mounted里面调用，如果你用的不是动态组件的话，可能created跟mounted并不是同一个时间，有可能导致某些错误