10 2022 档案

使用relation-graph实现企业关系图谱
摘要：需求：需要显示企业的关系图谱。（由于项目使用的Vue，所以感觉这个作者写的还不错） 1、安装relation-graph（http://relation-graph.com/）： npm install --save relation-graph 2、引入relation-graph： import 阅读全文
posted @ 2022-10-21 17:21 zaijinyang 阅读(4494) 评论(5) 推荐(0)
解决Element使用el-image总是从第一张开始的问题
摘要：问题起源： 近期在使用 elementUI 组件库中的Image组件时，其组件会自带一个图片预览功能，仅需要通过传入 preview-src-list （需要预览的图片url数组）即可实现预览。 代码如下（zIndex使用是由于我把这个功能放在弹框上面，所以需要加这个属性才不会被弹框遮挡）： <el 阅读全文
posted @ 2022-10-20 11:54 zaijinyang 阅读(1701) 评论(0) 推荐(0)
uniapp使用v-loading并且不引入element-ui
摘要：1、创建loading.js import Vue from 'vue'; /** * 插入loading */ const insertDom = (el) => { let dom = `<div class="el-loading-mask"> <div class="el-loading-s 阅读全文
posted @ 2022-10-19 10:22 zaijinyang 阅读(1249) 评论(0) 推荐(0)
uniapp 使用video控制视频未学完部分不能跳转
摘要：思路： 每次进入视频播放页面获取视频的总长度提交至后台（使用video标签中的 loadedmetadata 方法可以获取到，下面代码有使用，这个是作为提供给后台存数据库作为播放百分比的，不需要的可以忽略） 每次进入视频页面还需要加载上一次视频中已经播放到的位置进行直接跳转，这个部分数据来源于上一次 阅读全文
posted @ 2022-10-19 09:17 zaijinyang 阅读(753) 评论(0) 推荐(0)
使用Quill富文本上传图片Base64处理为服务器地址
摘要：使用vue+elemen-ui开发 QuillEditor.vue <template> <div> <el-upload :action="uploadUrl" :before-upload="handleBeforeUpload" :on-success="handleUploadSuccess 阅读全文
posted @ 2022-10-12 09:35 zaijinyang 阅读(411) 评论(0) 推荐(0)
forEach如何跳出或中断循环
摘要：我们可以选择使用try...catch的方式进行跳出循环。 const arr = [0, 1, 2, 3, 4, 5]; try { arr.forEach((item) => { console.log('正常循环:', item); if (item 2) { throw item; } }) 阅读全文
posted @ 2022-10-09 09:37 zaijinyang 阅读(627) 评论(0) 推荐(0)
使用nvm控制node版本(windows)
摘要：1、卸载之前已经安装的node版本，关掉电脑并且重启后关闭node进程（没有进程可忽略） 2、删除node残留目录 一般是安装目录下 删除 C:\Program Files\nodejs C:\Users{User}\AppData\Roaming\npm（或%appdata%\npm C:\Use 阅读全文
posted @ 2022-10-08 18:04 zaijinyang 阅读(288) 评论(0) 推荐(0)
vue实现复制功能
摘要：html: <el-button type="primary" size="small" plain class="ml30" @click="_copy(details.id)">复制店铺ID</el-button> js: _copy(context) { // 创建输入框元素 let oInp 阅读全文
posted @ 2022-10-08 17:46 zaijinyang 阅读(45) 评论(0) 推荐(0)