我试图限制VueJS应用程序中的一种方法.起初,我try 了以下方法:
export default {
data () {
return {
foo: 'bar'
}
},
methods: {
doSomething () {
console.log('olas')
}
},
created () {
_.throttle(this.doSomething,200)
}
}
但doSomething
方法并没有被触发:https://jsfiddle.net/z4peade0/
然后,我try 了这个:
export default {
data () {
return {
foo: 'bar'
}
},
methods: {
doSomething: _.throttle( () => {
console.log('olas')
},200)
},
created () {
this.doSomething()
}
}
函数G被触发:https://jsfiddle.net/z4peade0/1/
问题是,我无法访问节流方法中的foo
属性:
export default {
data () {
return {
foo: 'bar'
}
},
methods: {
doSomething: _.throttle( () => {
console.log(this.foo) // undefined
},200)
},
created () {
this.doSomething()
}
}
我试着做一些事情,比如:
const self = {
...
methods: {
doSomething: _.throttle( () => {
console.log(self.foo)
},200)
},
...
}
export default self
没有成功
How could I use lodash throttled method on a VueJS method, and using 100 context?