我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

【代码】【sgImportBtn】自定义组件：导入按钮（支持上下文关联导出菜单，配置下载导入Excel模板按钮命令、样式、图标路径等）

使用PDF.js预览文件老是报错Message: file origin does not match viewer‘s_otherError @ app.js:1140怎么办？该文章介绍如何在Vue项目中使用PDF.js库来渲染和查看PDF文件。首先，需要下载并引入PDF.js到项目的静态资源目录，然后在模板中通过iframe嵌入viewer.html，传入pdf文件的URL进行展示。用户需注释掉web/app.js或（如果是最新版本）web/viewer.js中的特定代码行以消除报错。

【代码】【sgCollapseText】自定义组件：当内容显示不下的时候，折叠展开文本区域。

【代码】Vue2监听网页滚动条scrollbar滚动scrollEvent事件，并通过滚动距离判断是否要触发显示或隐藏或其他行为。

【代码】el-menu子菜单鼠标移入报“Maximum call stack size exceeded.“错误原因及解决方法。

【代码】【sgExportBtn】自定义组件：导出按钮（支持上下文关联导出菜单，配置导出按钮命令、样式、图标路径等）

【代码】【sgSpliter】自定义组件：可调整宽度、高度、折叠的分割线。

【代码】【sgQrcode】自定义组件：将文本、链接转换为二维码，支持移入气泡框显示二维码或直接显示二维码，并支持加载动画效果。

【代码】根据data_sgs配置项设置列的排序属性值。

【代码】form默认参数转义到组件内部定义参数（支持无限极对象子节点参数名object.a.b.c.d...）

【代码】[异步监听事件、异步绑定属性]通过vue的this.$refs.组件.$props和.$on实现异步绑定组件属性和事件监听。

这个示例展示了如何在Vue应用中创建一个跟随鼠标移动的提示框。当鼠标悬停在特定元素上时，提示框会显示该元素内的文本，并在鼠标离开时隐藏。实现包括CSS样式和JavaScript事件监听，用于调整提示框的位置以避免超出窗口边界。【推荐】实现跟随鼠标移动的浮动提示框、浮动气泡框、Tip效果_实现鼠标移动提示框也移动-优快云博客。

<span v-else>默认内容</span><span class="title" v-else>默认标题</span>

【代码】奇怪的异形选项卡样式、弧形边框选项卡。

文章浏览阅读22次。它允许用户自定义吸附距离，可以设置拖拽行为是否禁用，以及停靠边界距离。组件在拖拽过程中提供了半透明效果，并能在不同阶段监听和处理鼠标事件以实现拖拽、吸附和停靠功能。【sgDragSize】自定义组件：自定义拖拽修改DIV尺寸组件，适用于窗体大小调整_div拖拽调整大小-优快云博客。【sgDragMove】自定义组件：自定义拖拽组件，仅支持拖拽、设置吸附屏幕边界距离。【sgFloatDialog】自定义组件：浮动弹窗，支持修改尺寸、拖拽位置、最大化、还原、最小化、复位-优快云博客。

文章浏览阅读245次。它允许用户自定义吸附距离，可以设置拖拽行为是否禁用，以及停靠边界距离。组件在拖拽过程中提供了半透明效果，并能在不同阶段监听和处理鼠标事件以实现拖拽、吸附和停靠功能。核心原理就是在四条边、四个顶点加上透明的div，给不同方向提供按下移动鼠标监听 ，对应计算宽度高度、坐标变化。【sgDragSize】自定义组件：自定义拖拽修改DIV尺寸组件，适用于窗体大小调整_div拖拽调整大小-优快云博客。【sgDragMove】自定义组件：自定义拖拽组件，仅支持拖拽、设置吸附屏幕边界距离。

【全网最简短代码】去重对象数组中同一个ID的数据-优快云博客。【代码】【全网最简短代码】去重对象数组中同一个ID的数据。

【代码】【适配移动端】基于原生touchstart、touchmove、touchend事件实现触发拖拽按钮和被拖拽元素属于包含关系的排序情况。

【代码】基于原生dragstart事件实现触发拖拽按钮和被拖拽元素属于包含关系的排序情况。

【代码】js 将驼峰命名转换为_下划线连接每个单词。

【代码】【sgGuide】自定义组件：基于elementUI的el-popover组件开发的引导、指导用户如何使用系统的流程演示步骤。

js 监听粘贴事件并获取复制的文件转换为File对象数组（包括监听Ctrl+V或右键粘贴）-优快云博客。【代码】js 监听粘贴事件并获取复制的文件转换为File对象数组（包括监听Ctrl+V或右键粘贴）

【代码】JavaScript将:;隔开的字符串转换为json格式。使用正则表达式匹配键值对，并构建对象。多用于解析cssText为style Object对象。

【代码】获取文件or文件夹大小，计算文件大小，转换为Bytes、KB、MB、GB、TB、PB单位。

【代码】【sgFileViewDialog】自定义组件：基于video、audio、el-image标签、PDF.js、l-dialog构建弹窗预览视频、音频、图片、文档文件。

【实现手机端上滑滚动加载列表】判断页面是否滚动到底部或者指定元素位置_手机端滑动加载逻辑 offsetheight-优快云博客文章浏览阅读5.1k次，点赞2次，收藏2次。 https://blog.youkuaiyun.com/qq_37860634/article/details/115664267https://blog.youkuaiyun.com/qq_37860634/article/details/115664267https://blog.youkuaiyun.com/qq_37860634/article/details/

【代码】原生JavaScript实现文本内容的文字数量变化，适配容器宽度和高度，保障文字全部都在容器内显示完。

【代码】基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单。

如果在

用dragstart、drag、dragend、dragover、drop、dragleave实现针对表格列的顺序进行拖拽排序(附带实现选择某几列数据显示或隐藏)_dragstarte-优快云博客文章浏览阅读711次，点赞8次，收藏7次。将数组指定索引位置的元素 移动到 目标索引位置，且不改变其他元素原本的顺序，注意这个不是对调元素位置，是移动某一个元素位置不影响其他元素顺（使用场景：拖拽改变数据的顺序，点击上下左右箭头移动元素顺序）-优快云博客。【代码】将数组指定索引位置的元素 移动到 目标索引位置（

如果报错类似上面的内容，大概率是

基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单-优快云博客。【代码】基于element UI el-dropdown打造表格操作列的“更多⌵”上下文关联菜单。

文章浏览阅读169次。【代码】【sgFileViewDialog】自定义组件：基于video、audio、el-image标签、PDF.js、l-dialog构建弹窗预览视频、音频、图片、文档文件。【sgFileViewDialog】自定义组件：基于video、audio、el-image标签、PDF.js、l-dialog构建弹窗预览视频、音频、图片、文档文件-优快云博客。

【代码】【sgAudioDialog】自定义组件：基于audio标签和el-dialog构建弹窗预览音频文件。

【代码】【sgVideoDialog】自定义组件：基于video标签和el-dialog构建弹窗预览视频文件。

文章浏览阅读192次。【代码】【sgUploadList】自定义组件：基于elementUI的el-upload封装的上传列表组件，适用于上传附件时。【sgUploadList】自定义组件：基于elementUI的el-upload封装的上传列表组件，适用于上传附件时-优快云博客。【实用的代码片段】基于elementUI的el-upload的上传文件对象获取代码片段，支持上传单个、多个File或文件夹(可以获取文件夹下钻子文件夹递归文件)-优快云博客。

文章浏览阅读192次。【代码】【sgUploadList】自定义组件：基于elementUI的el-upload封装的上传列表组件，适用于上传附件时。【sgUploadList】自定义组件：基于elementUI的el-upload封装的上传列表组件，适用于上传附件时-优快云博客。

【sgFileLink】自定义组件：基于el-link、el-icon标签构建文件超链接组件，支持垃圾桶删除、点击预览视频/音频/图片/PDF格式文件-优快云博客文章浏览阅读29次。【代码】【sgFileLink】自定义组件：基于el-link、el-icon标签构建文件超链接组件，支持垃圾桶删除、点击预览视频/音频/图片/PDF格式文件。

【代码】前端用原生js下载File对象文件，多用于上传附件时，提交之前进行点击预览，或打开本地已经选择待上传的附件列表。

【代码】✅✅✅【Vue.js】sd.js基于jQuery Ajax最新原生完整版for凯哥API版本。