在vue中如何实现 横向滚动事件每滚动10px触发一次 如何获取到最后一次触发时的数据

好的，针对您的问题，我可以给您提供以下思路和代码供参考：

首先，您可以在需要实现横向滚动事件的组件中，使用 `@scroll` 监听滚动事件，并结合 `scrollLeft` 属性获取当前滚动的距离。然后，可以使用 `debounce` 函数来限制触发滚动事件的频率。

以下是一个示例代码：

<template>
  <div class="scroll-container" @scroll="handleScroll">
    <!-- 横向滚动内容 -->
  </div>
</template>

<script>
import debounce from 'lodash/debounce'

export default {
  data() {
    return {
      lastScrollLeft: 0, // 保存最后一次触发滚动事件时的 scrollLeft 值
    }
  },
  methods: {
    handleScroll(event) {
      // 使用 debounce 函数限制触发频率
      debounce(() => {
        const scrollLeft = event.target.scrollLeft
        const diff = scrollLeft - this.lastScrollLeft

        if (diff >= 10) {
          // 每滚动 10px 触发一次事件
          this.lastScrollLeft = scrollLeft

          // 获取到最后一次触发时的数据
          // your code here
        }
      }, 100)()
    },
  },
}
</script>

在上面的代码中，我们使用了 `lodash` 库的 `debounce` 函数来限制触发滚动事件的频率。同时，我们使用 `lastScrollLeft` 属性来保存最后一次触发滚动事件时的 `scrollLeft` 值，以便在满足条件时获取最后一次触发时的数据。您可以根据需要修改 `debounce` 函数的第二个参数来设置不同的触发频率。