vue事件绑定中如何调用data中的变量

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)


你可能感兴趣的:(vue.js,javascript,前端)