scroll-view uniapp怎么双向交互

scroll-view 组件在 uniapp 中可以实现双向交互，具体步骤如下：

1. 在 scroll-view 组件中添加一个 ref 属性，用于获取该组件的实例对象。

<scroll-view ref="scrollView">
  <!-- scroll-view 内容 -->
</scroll-view>

2. 在组件中添加一个滚动事件，用于监听 scroll-view 的滚动位置。

<scroll-view ref="scrollView" @scroll="onScroll">
  <!-- scroll-view 内容 -->
</scroll-view>

3. 在组件的 methods 中添加 onScroll 方法，用于获取 scroll-view 的滚动位置，并将其传递给另一个组件。

methods: {
  onScroll (e) {
    const scrollTop = e.detail.scrollTop // 获取 scroll-view 的滚动位置
    this.$refs.anotherComponent.setScrollTop(scrollTop) // 将滚动位置传递给另一个组件
  }
}

4. 在另一个组件中添加一个 setScrollTop 方法，用于接收滚动位置并更新自身的滚动位置。

methods: {
  setScrollTop (scrollTop) {
    this.scrollTop = scrollTop // 更新自身的滚动位置
  }
}

通过以上步骤，就可以实现 scroll-view 组件的双向交互了。当一个 scroll-view 组件滚动时，它会将滚动位置传递给另一个组件，另一个组件则会更新自身的滚动位置。