vue可以与javascript无缝绑定,但是事件绑定中的函数如何调用data中的变量和数据却是一个难题,曾经让很多人颇为困扰。
func1(){
....
func_over = function (event) {
{#console.log("over: " + _marquee)#}
clearInterval(_marquee)
console.log(event)
}
func_out = function (event) {
{#console.log("out: " + _marquee)#}
_marquee = setInterval(Marquee, speed)
this.marquee = _marquee
console.log(_marquee, this.marquee, this.qingfu)
console.log(event)
}
...
demo.addEventListener("mouseover", func_over)
demo.addEventListener("mouseout", func_out)
其实处理起来非常简单,添加事件处理之前使用如下语句与vue主体绑定即可:
func_out = func_out.bind(this)