vue 定制表单(表格),进行数据回显

1. 数据回显,需要拿到对应的块的坐标

  1.1 @click="handleClick($event)"   使用点击事件,可以获取到块的信息

  2.2 在event中获取到对应的数据的时候,会有   event.clientX  event.offsetX  event.clientY event.offsetY

  2.3 一般就是 event.clientX - event.offsetX    event.clientY - event.offsetY  拿到对应块的x y轴坐标

    还有一种情况是,可能会多出一些位置,这个是定位的问题,是需要 - 对应的宽度,例如 父级之外左侧的宽度和高度,就可以拿到本体的位置

 

2.回显的数据就是之前 对应for循环的数据,在进行赋值一次即可看到对应的数据和对应模块的展示位置

  对于回显的赋值,可以使用   :style来进行解决,例如::style="{left:element.x + 'px',top:element.y + 'px'}   element 是for循环中的单个的循环数据  v-for="(element,index)in  list1"

 

posted @   一封未寄出的信  阅读(3254)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!
点击右上角即可分享
微信分享提示