weixin_44056717的博客

【代码】vue2.0结合使用 el-scrollbar 和 v-for实现一个横向滚动的元素列表，并且能够自动滚动到指定元素（开箱即用）

【代码】vue实现把Ox格式颜色值转换成rgb渐变颜色值（开箱即用）

【代码】vue实现文字一个字一个字的显示（开箱即用）

【代码】element table表格根据同一个字段合并列（亲测有效，开箱即用~）

【代码】element table表格内进行表单验证（简单例子，一看就会,亲测有用~）开箱即用！！

【代码】vue列表拖拽到图片上打点定位（开箱即用），列表拖拽到右边，已经打了点的列表不能再次拖拽，右边可以再次拖动更改位置

【代码】el-dialog封装公共弹窗，开箱即用。（基于vue）

【代码】vue3.0自适应分辨率 px自动转化rem。

【代码】vue中使用XLSX导出多表头/单表头表格，开箱即用。

elementUI的el-table横向展示，表头根据数据变化

element 下拉数据过多，导致列表卡顿加载慢，使用虚拟列表方式

需求：pc端后台页面根据分辨率自适应，使用rem单位可以自适应，如不想自适应还是用px。

vue 路由标签页（白名单），刷新当前页面重新加载，别的路由不用刷新。

动态改变html的font-size

Vue项目 -----封装数组根据多条件筛选功能

先上效果图：开发前工作：需要在官方下载这三个文件(也可以用我的，largeScreenShow文件里面有)，放在public下，在index.html中引入，切记（可以去我码云下载中）使用方法：1.把我src里的那个组件复制放到你的项目中2.修改以下地方（找后端要，这个必填）3.在你需要放视频的地方引入组件（monitorDeviceNo就是你的监控点编号，填上去视频就能出来啦），也是必填哦4.这里不发代码了，需要直接 拿的就去我的码云直接拿（https://gitee.com/ouyi

需求：在elementUI表格中显示二维码，以及批量下载二维码上图：首先我们先做好前置工作npm下载 qrcode和jszip和file-saver，然后qrcode我封装成一个组件sm-qrcode了(这个组件我用了上传到服务器的)：如下<template> <!-- 生成二维码开放接口: 二维码内容[通常为url] 二维码大小[限制为正方形] 二维码中间显示：文字或LOGO[默认不显示]-->...

基于VUE纯css编写步骤条，供大家一起交流学习。先上图：步骤是根据 active显示的，上代码：/* 进度条 // 创建步骤数字计数器 */.steps {position: relative;/margin-bottom: 30px;/counter-reset: step;/background:#fff;/margin: .05rem 0;overflow: hidden;margin-left: -.46rem;padding-top: .3rem;}/* 步骤描