Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
330 views
in Technique[技术] by (71.8m points)

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>

请问,这应该怎么解决呢?


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

函数都写到class外了...


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to WuJiGu Developer Q&A Community for programmer and developer-Open, Learning and Share
...