前端批量生成并下载图片准备工具引用图片前端生成图片图片压缩并下载踩坑准备工具1.图片生成： html2canvas2.压缩工具： jszip3.下载工具： file-saver引用import html2canvas from 'html2canvas';import JSZip from 'jszip';import FileSaver from 'file-saver';图片<div c

rtsp视频流如何在html上使用video标签播放？思路：利用VLC工具的流工具，进行服务器映射转码，得到video标签能够正常打开的ogg格式视频然后播放。你需要：vlc工具，文本编辑器首先是vlc配置：1.打开VLC工具，选择 媒体→流，打开如下弹窗2.选择tab中的网络，输入rtsp的URL（记得加上正确的帐号密码），然后点击串流3.来源框会显示rtsp的u...

vscode如何配置eslint+prettier

描述：父子两个组件，父组件打开子组件弹窗，然后执行方法请求接口，获取数据之后渲染页面，且每次点击都执行该方法。遇到的问题：最开始简单地将方法放在子组件mounted里面，只有第一次打开弹窗会执行方法。了解到，弹窗只创建了一次。所以，在想是不是可以用keep-alive模式下的actived，然而并没有什么用。actived和deactived只在keep-alive使用时生效。然后...

同事搭建的vue+elementui项目出了个bug，elementui导航高亮一直出错。调试了3个多小时，来问我，结果悲剧地加班了。最后实在不耐烦了，导航这块放弃使用elementui组件，直接自己来写了。今天有空，实在不服气，自己写了一个。结果直接就过了。贴上代码：&lt;template&gt;&lt;el-menu:default-active="$rou

在做角色权限配置这块，用element-UI中的tree组件来做。想选中单个页面，或者单个页面的某个具体按钮，就能把所有父级菜单勾选。原生配置项并没有这种玩法，百度搜索也没有具体写法，这里分享一下我的做法。上代码<el-tree :data="treeData" node-key="id" :check-strictly="true" ref="tree" :show-checkbox="t

这是一个综合使用案例，需求是页面引入动态的模块，可以自定义编辑数量和排序。效果图： 该项目依element，同时为了动态效果，我引入了Vue.Draggable插件，以及vue的动画组&lt;transition-group&gt;贴上页面代码&lt;template&gt;&lt;div class="dashboard-container&qu

在项目中，调接口的时候，获取数据总是报错：[Vue warn]: Error in mounted hook: "TypeError: Cannot read property 'children' of undefined"贴上部分代码&lt;el-popoverv-if="listData.length &gt; 0"ref="

项目是vue项目，其中cookie操作采用了github上面比较火热的js-cookie，这里结合需求总结体会。首先安装npm install js-cookie --save其次结合项目，我这里是封装成公共方法写了个专门的js存放cookie的操作。import Cookies from 'js-cookie'const TokenKey = 'token'export function...

最近在优化老的项目组件时，想利用vue自身的条件渲染和动画过渡来达到logo随侧边栏进行伸缩。目的效果如下：在进入正题前，先说说我的实现思路（部分含关键代码）。大牛请跳过，若有不足也请指正。优化方向和解决方案：伸缩状态能够被保存（F5保存，页面关闭清除）：使用vuex和cookie中（可用sessionStorage代替）。// store.jsexport defau...