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 @ 2022-09-02 15:03  一封未寄出的信  阅读(3282)  评论(0)    收藏  举报