uni-app nvue页面 waterfall组件下拉刷新触发loadmore事件而不触发refresh组件的refresh事件

在nvue页面使用waterfall组件时，下拉刷新触发loadmore而非refresh事件，通常是由于组件层级和事件冒泡问题导致的。

问题分析：

1. waterfall组件内部可能包含了scroll-view或list组件，这些组件有自己的滚动事件处理机制
2. nvue页面的下拉刷新事件可能被waterfall的子组件拦截
3. refresh组件与waterfall的滚动事件可能存在冲突

解决方案：

1. 检查组件结构 确保refresh组件是waterfall的父容器：

<refresh @refresh="onRefresh">
    <waterfall @loadmore="onLoadmore">
        <!-- 内容 -->
    </waterfall>
</refresh>

1. 使用ref手动控制

// 在methods中
onRefresh() {
    // 手动结束刷新
    this.$refs.refreshComponent && this.$refs.refreshComponent.endRefresh()
}

1. 调整事件处理顺序 确保refresh事件优先级高于loadmore：

methods: {
    onRefresh() {
        // 先处理刷新逻辑
        this.loading = true
        this.page = 1
        this.getData()
    },
    onLoadmore() {
        if (!this.loading) {
            this.page++
            this.getData()
        }
    }
}