qch_draggable v0.0.0

Draggable DIV

Properties

Usage

Template

<div class="parent">
  <draggable :jobj="dobj" @dblclick="funcA">
    <template #content>Content</template>
    <template #context_menu>List</template>
  </draggable>
</div>

Script

data : function() {
  return {
    dobj : {
      container_style : { top : "200px" , left : "100px" , "background-color" : "lightgreen" } ,
      // callback : { mousedown : this.funcA , mouseup : this.funcA }
    }
  }
} ,

Specify movement boundary

Template

<div class="parent" ref="parent">
  <draggable ...></draggable>
</div>
</template>

script

mounted : function() { this.dobj.boundary = this.$refs.parent ; } ,