拖拽内容,并“获取坐标”的实现——(VUE,HTML完整页面)

目 录

一、VUE页面

预备操作

具体操作

二、Html页面

无预备操作,可以直接复制

 三、备注可能出错的地方

结束

一、VUE页面

预备操作:

1、使用iview vue2组件写的表单

2、代码部分包含四个案例

具体操作:






二、Html页面[此页面有参考

链接:实现简单的元素拖拽_星空之迹的博客-CSDN博客_元素拖拽]

无预备操作,可以直接复制




    
    
    
    Document
    


    
拖拽
//设置元素可拖拽,并监听开始结束拖拽事件

 三、备注可能出错的地方

使用时候只需要修改:x1,y1,originPosX1: 1,originPosY1: 1,以及表单绑定的v-model

display记得设置,要脱离标准流

结束

你可能感兴趣的:(vue.js,html,javascript)