weixin_43971532的博客

原创 类似带边框字体

* 边框效果 */

原创 左侧菜单要随着页面滚动锚点改变

const scrollTop = scrollDiv.scrollTop // 当前滚动距离。// 元素顶部距离容器顶部的距离 <= 滚动距离 + 偏移量（15px）).filter(el => el) // 过滤存在的锚点元素。.right-box:右侧最外层div类名。// 遍历锚点判断当前所在区域。// 销毁时移除事件监听。

原创 点击左侧节点，通过锚点展示数据

label是名称，href是右侧节点id。// 获取当前模块距离顶部高度。// 获取需要滚动的区域。

原创 页码不生效

原创 大屏 缩放

/div>定义w: 1700,h: 1080,scaleX: 1,scaleY: 1,})},},方法：},},},

原创 单词不换行

原创 表格-动态表头

/el-link>Component</el-link></div>>H</div>

原创 打开弹窗，表单立马校验，解决

this.addDialog = true//弹窗打开。

原创 动态表单绑定值

新增事件},页面clearable>clearable>

原创 弹窗拖拽方法

/ 排除关闭按钮的点击事件。2.在main.js注册。

原创 富文本@ckeditor/ckeditor5-vue2

/ 将Blob转换为File对象，便于上传。import { uploadFile } from "@/api/file"//上传方法。// 清除之前的定时器。timer: null, // 用于存储定时器的引用。// 找到图片的节点替换src。// 找到图片的节点替换src。// 解析粘贴的HTML为临时DOM。// 获取粘贴的HTML内容。// 用于存储新旧图片信息。

原创 解决rollup与node版本不一致

2，使用：运行(自己的插件库)：rollup -c，成功后执行npm link,然后再应用组件项目中main.js引入import 名字 from "自己的插件库"，然后执行npm link irc-ui。npm install F:\sisimi\myProject\自己的插件包 ,然后再应用组件项目中main.js引入import 名字 from "自己的插件库"

原创 双循环删除导致数据删除不对

这样删除因为index会变，就会导致数据少删。写一个取俩个对象数组的差集方法。

原创 Computed property “mixedProject“ was assigned to but it has no setter.

原写法：}),改成：get(){},set(val){return val。

原创 可折叠，可拖动，左右布局

/ 绑定鼠标点击事件。

原创 Vue报错：Error compiling template: Component template should contain exactly one root element

出现这种情况就是需要在报错文件页包一层div。

原创 大文件上传 依赖服务器 插件

ExpiredTime: parseInt(this.cosConfig.expiredTime / 1000), // 时间戳，单位秒，如：1580000000。StartTime: parseInt(this.cosConfig.startTime / 1000), // 时间戳，单位秒，如：1580000000。// 建议返回服务器时间作为签名的开始时间，避免用户浏览器本地时间偏差过大导致签名错误。return 接口(`文件存储路径`).then(({code, data}) => {

原创 element el-table 解决浏览器放大，表格看不到底边滚动条

添加属性 height="calc(100vh - 380px)"

原创 前端截图 可见区域截图/全屏截图

const imgURL = canvas.toDataURL('image/png') // base64格式的图片。* @param {Boolean} flag true屏幕可见区域截屏 flag为false全屏截图。// fullScreen为true屏幕可见区域截屏 flag为false全屏截图。// message: '图片下载失败'* @param {String} id 下载的容器ID。// 创建canvas对象。安装：npm i html2canvas。mindView：目标元素。

原创 antv x6 画布随屏幕变化

console.log('高度：', window.innerHeight);console.log('宽度：', window.innerWidth);console.log('屏幕大小改变了！

原创 右键菜单 利用插件

import {component as VueContextMenu} from '@xunlei/vue-context-menu'<VueContextMenu class="right-menu" id="menu" ref="contextMenu" :target="contextMenuTarget" :show="contextMenuVisible"

原创 antv x6记录

DataUri.downloadDataUri(DataUri.svgToDataUrl(dataUri), "图片名");Graph.unregisterNode('自定义节点名称')Graph.registerNode("节点名称", {quantity: 0.93//图片质量。graph.fromJSON(数据)如有自定义节点需销毁节点。3.监听画布点击事件。

原创 Element 中使用 el-select 选中后不显示值

change事件中。

原创 浏览器关闭事件

return '您确定要离开此页面吗？// 询问用户是否确实要离开页面。

原创 队列调取接口

index < 目标数组;index++) {