vue3 封装一个横向滚动条，不显示滚动条，但是可以用手指滚动，需兼容Mac等浏览器，并举例

Vue3 中可以使用指令来封装一个横向滚动条。可以使用 v-bind:style 来设置 overflow-x 属性为 'scroll'，这样可以在不显示滚动条的情况下进行手动滚动。

举例：

<template>
  <div v-bind:style="{'overflow-x': 'scroll'}">
    <div v-for="item in items" :key="item.id">{{ item.name }}</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'item 1' },
        { id: 2, name: 'item 2' },
        { id: 3, name: 'item 3' },
        // ...
      ]
    }
  }
}
</script>

这样就可以在不显示滚动条的情况下用手指滚动，并且兼容 Mac 等浏览器。