滚动拖动以隐藏事件鼠标vuejs导致的内容溢出

Question

我正在写有关溢出隐藏内容中运动图像的小代码 我想通过事件鼠标水平拉动，下面有示例

在这里查看我的工作代码：https://codepen.io/matamune94/pen/zbjwYo

.carousel__container{
  display: block;
  white-space: nowrap;
  overflow: hidden;
}
.carousel-item{
  display: inline-block;
  margin: 0px 4px;
  cursor: pointer;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">
  <div class="carousel">
    <div class="carousel__container"
    >
      <transition-group name="list-carousel" tag="p">
        <span 
        class="carousel-item" 
        v-for="item in items" :key="item"
        @mousemove="mousemove"
        >
          <img :src="item"/>
        </span>
      </transition-group>
    </div>
  </div>
</div>

workers.Add(core.Concurrency)
    for i := 0; i < core.Concurrency; i++ {
        go func() {
            defer workers.Done()
            writer := bufio.NewWriter(f)
            defer writer.Flush()
            a.Worker(workChan, writer)
        }()
    }