Drag

Available since 0.0.1

拖拽组件

示例:

    <sw-drag @drag="handleDrag" @drop="handleDrop">
         <div class="drag-demo">拖我出去</div>
    </sw-drag>
 handleDrag(position){
      let prePosition = position.start
      let nowPosition = position.move

      this.distanceX = this.preDistanceX + nowPosition.x - prePosition.x
      this.distanceY = this.preDistanceY + nowPosition.y - prePosition.y

      this.setBoxPosition(this.distanceX,this.distanceY)
  },
  handleDrop(){
      this.preDistanceX = this.distanceX
      this.preDistanceY = this.distanceY
  }

事件

方法名说明回调参数
drag

拖动时时触发
位置Object

position
drop

松开时触发
位置Object

position

示例展示: