vue 父组件内,页面滚动的时候,动态向子组件传 scrolltop 子组件接收不到

zzZyq
  • 10

父组件内,页面滚动的时候,动态向子组件传 scrolltop 子组件接受不到

父组件:

<vf-header :scroll-top="scrollTop"></vf-header>
mounted(){
    window.addEventListener('scroll', function(){
                this.scrollTop = document.documentElement.scrollTop ||             document.body.scrollTop;
    },true)
}

子组件:

props: {
    scrollTop: Number,
},
watch:{
    scrollTop(newVal,oldVal){
        if (newVal) {
            this.childScrollTop = newVal;
        }else{
            this.childScrollTop = 0;
        }
    }},
回复
阅读 1.5k
1 个回答
✓ 已被采纳

this指向的问题
clipboard.png

宣传栏