VueJS：粘性导航组件无法按预期运行

Question

我已经编写了一个基本组件，只是在滚动到它的位置时显示我的组件，因此显然这将是一个粘性导航。

我遇到以下错误：

  

TypeError：无法读取未定义的属性“删除””

因此，显然this.$el是未定义的，但实际上是不应该的！

以下是我的组件：

<script>
    export default {
        data: function() {
            return {
                display: true,
                element: null
            }
        },
        render() {
            return this.$scopedSlots.default({
                display: this.display
            });
        },
        mounted() {
            window.onscroll = this.func();
        },
        methods: {
            func: function() {
                let sticky = this.$el.offsetTop;
                if (window.pageYOffset > sticky) {
                    this.$el.classList.add("sticky");
                    this.display = true;
                } else {
                    this.$el.classList.remove("sticky");
                    this.display = false;
                }
            }
        }
    }
</script>