页面加了page-meta 组件，scroll-view 组件的事件（比如 @scroll、@loadMore）不触发

<template>  
    <page-meta page-font-size="12px" root-font-size="12px"></page-meta>  
    <scroll-view style="height: 100%;" scroll-y="true" @scroll="scroll" @scrolltolower="loadMore">  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
        <view>1</view>  
    </scroll-view>  
</template>  

<script>  
    export default {  
        methods: {  
            loadMore() {  
                console.log("loadMore")  
            },  
            scroll() {  
                console.log("scroll")  
            }  
        }  
    }  
</script>  

页面加了 <page-meta page-font-size="12px" root-font-size="12px"></page-meta> ，scroll-view 组件的事件不触发比如上面的 @scroll、@loadMore，没触发。

目前测试了 H5、APP、真机调试都有问题。

修改 scroll-view 的高度（style="height: 100%;"），不使用%改成px就能触发。