使用vuedraggable插件的时候，动态新增表格行的同时，获取焦点会出现滚动条以及内容的抖动bug

小涵涵是程序媛

于 2021-05-12 17:19:52 发布

阅读量1.1k

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/m0_52263688/article/details/116603457

版权

使用vuedraggable插件的时候，动态新增表格行的同时，获取焦点会出现滚动条以及内容的抖动bug

  <draggable v-model="formInline.addFormArr"
                   chosenClass="chosen"
                   forceFallback="true"
                   @start="onStart"
                   @end="onEnd">
 </draggable>

解决方法如下：
在拖拽插件的start事件中添加下列代码

onStart(){
      var e = evt || window.event;
      var chosen = document.querySelector('.sortable-fallback');
      chosen.style.top = e.item.offsetTop + 'px';
}