基于Vue实现拖拽功能

本文实例为大家分享了Vue实现拖拽功能的具体代码，供大家参考，具体内容如下

效果图：

HTML代码：

<p id="box">                           
  位置
  <br>x:{{val.x}} <br>y:{{val.y}}
  <p v-drag="greet" id="drag" :style="style">
  //注意这里要通过指令绑定函数将当前元素的位置数据传出来
  </p>
</p>

JS代码：

相关推荐：

vue-simplemde实现图片拖拽粘贴功能（附代码）

基于vue.js和webpack的Chat示例

以上就是基于Vue实现拖拽功能的详细内容，更多请关注Gxl网其它相关文章！