如果大海能够,唤回曾经的爱,就让我用一生等待。
本文重点在于鼠标事件的绑定,在此之前,你需要知道vue,iview组件,vue中render函数的基本知识,如果不是很了解,你可以自己去问问度娘。
在网上很多都是on事件都是绑定事件,比如这样的:
on: {
click: this.clickHandler
},
// 仅对于组件,用于监听原生事件,而不是组件使用 vm.$emit 触发的事件。
nativeOn: {
click: this.nativeClickHandler
}
那鼠标的移入移出事件或者其他的事件又怎么绑定呢?自定义事件呢?网上查了许久没有明确的说法,故小编在此share,当然,我用的是vue2.0+,webstorm。是这样的:
on: { mouseenter: () => { this.imgPath0 = this.imgList0[1]//自定义事件 }, mouseleave: () => { this.imgPath0 = this.imgList0[0]//自定义事件 } }
这个针对click也是有效的,其他的绑定事件呢其他博客里讲的很多了,我就不重复了。
难,难,难,我太难了。