有时候表格内容很多，需要水平滚动才能查看右边的内容，但是又不想拖动滚动条在底部。如果能在内容中直接拖拽就好了。那么就可以使用Vue的自定义指令来实现了。为了方便以后扩展指令，创建一个directives.js文件，在js文件中引入VueimportVuefrom'vue'；然后你可以自定义指令Vue.directive('tableDrag',{inserted:function(){letel=document.getElementsByClassName('ivu-table-body')[0];el.style.cursor='grab';el.onmousedown=function(){letgapX=event.clientX;letstartX=el.scrollLeft;document.onmousemove=function(e){letx=e.clientX-gapX;el.scrollLeft=startX-x;返回假;};document.onmouseup=function(e){document.onmousemove=null;document.onmouseup=null;};};}});在main.js中引入js文件import'./libs/tableDrag.js'后，就可以在i-table元素上使用这个命令
