vue 上下滑动选择小时

你可以使用第三方库例如`vue-scroll-picker`来实现在Vue中上下滑动选择小时。下面是一个简单的示例代码：

首先，安装`vue-scroll-picker`：

npm install vue-scroll-picker --save

然后在Vue组件中使用`vue-scroll-picker`：

<template>
  <scroll-picker :list="hours" :value="selectedHour" @change="handleHourChange" />
</template>

<script>
import ScrollPicker from 'vue-scroll-picker';

export default {
  components: {
    ScrollPicker,
  },
  data() {
    return {
      hours: Array.from(Array(24).keys()),
      selectedHour: 0,
    };
  },
  methods: {
    handleHourChange(hour) {
      this.selectedHour = hour;
    },
  },
};
</script>

在上面的代码中，我们使用`vue-scroll-picker`的`ScrollPicker`组件，并传入一个小时列表和当前选中的小时。当用户在组件上下滑动时，`change`事件会触发，并将选中的小时作为参数传入`handleHourChange`函数，我们可以在该函数中更新选中的小时。

这样，你就可以在Vue中实现上下滑动选择小时了。