![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
手捧菊花茶
心平气和的打工人
展开
-
解决vue下载/导出pdf出现白屏问题
解决方案原创 2022-03-19 11:49:41 · 1121 阅读 · 0 评论 -
记录一次失败的宫格拖拽尝试和成功案例
最近平台的监控窗口需要新增拖拽的功能监控的窗口是原生js写的经过查询和尝试,原生js动态模板没法设置拖拽(可能我菜)所以决定将此部分改写为vue写法,静态模板+动态数据改写流程:1.js模板改成vue模板2.给已经准备好的模板添加draggable="true"属性,并且添加开始拖拽、进入目标、释放鼠标、结束拖拽等事件3.拖拽实现逻辑思路利用id,当拖拽目标到达目的的释放时,将两者id互换,然后获取#monitorDiv的NodeList列表,利用sort函数将内容重新排序后清空#mo原创 2021-11-12 17:58:13 · 572 阅读 · 0 评论