typescript vue Throttle ResizeObserver this指向错误?
我在用Typescript重构vue组件时,loash的Throttle方法this的指向错误,
<template lang="pug">
.vue-waterfall-ex-container( ref="outerEl" )
</template>
<script lang="ts">
import { Component, Vue, Prop, Watch, Ref, Emit } from "vue-property-decorator"
import { Throttle } from "lodash-decorators"
@Ref("outerEl") readonly outerEl: HTMLDivElement
@Component
export default class VueWaterfallEx extends Vue {
private mounted(): void {
this.resizeObserver = new ResizeObserver(this.onContainerResized)
this.resizeObserver.observe(this.outerEl)
}
@Throttle(250)
private onContainerResized(): void {
console.log(this) // 打印 ResizeObserver {}, 这里的this指向错误
}
}
</script>
请问,这应该怎么解决呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
函数都写到class外了...