首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
vue
玻璃泪珠1031
创建于2023-10-31
订阅专栏
vue学习中遇到的问题以及使用的插件
暂无订阅
共17篇文章
创建于2023-10-31
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
vue+exceljs+file-saver导出excel文件加水印
1 安装依赖 2 在plugins文件夹下创建creatWsSheet.js文件 3 引用 4 结果 参考资料: 1:https://www.cnblogs.com/0627st/p/17359010
vue2中使用vue-office库预览pdf /docx/excel文件
1、安装vue-office 如果控制台报错,可能是vue版本<=2.6,需安装依赖 @vue/composition-api 2、使用 3、路径转化方法
省市区级联
在vue2中根据json数据实现省市区级联选择, json数据太多,无法直接发送,需要请点击链接获取。
el-tree 单选
1 创建一个js,过滤树形数组,包含children的选项均禁用 2 在页面上使用,自定义取值方法并吧数据转化为树型结构
无页面时,生成报告中的echarts图片
1、 创建div 2、设置样式 3、生成图片 使用echarts, 4、将图片导出为 base64 编码的图像数据
vue使用xlsx多sheet导出excel
1 下载依赖 2 创建公用导出excel方法exportExcel.js 3 使用 (1)引入导出方法 (2) 创建数据并使用
word和excel合并为压缩为.zip文件导出
1.使用docxtemplater实现word文件 2.使用xlsx实现excel文件 3.使用jszip 插件打包为压缩包
动态获取搜索栏的高度,设置table高度
当页面搜索条件太多,屏幕分辨率由1920变为1366时,搜索模块高度发生变化,需要通过计算获取高度和表格设置高度, 代码实现
ElementUI循环生成的Form表单添加规则
图片示例 代码示例 注意 :prop="ipContent.${index}.ip" ipContent必须为循环的数据字段,否则不起作用
vue2实现登录页验证码(随机数生成)
一: 登录页面 二: 思路 使用canvas生成图片,使用随机数组成验证码 三: 逻辑分析 四: 实现代码
vue2项目中解析md文件
1 引入插件 2 在vue.config.js中添加配置 3 在main.js中引入vue-markdown全局使用 4 页面引入
docxtemplater使用语法
1 文本 2 数组 3 数组对象 4 判断 5 图片 6 表格单元格合并 docxtemplater-table-module 没有免费版,合并单元格可根据word中表格格式边框样式修改 模板 结果
vue2中使用docxtemplater
1 安装所有使用的插件 2 创建word.js文件 3 调用方法,数据都组装在wordData中 4 echarts图导出 注意:导出图片,动画要设置为false(animation: false,)
vue2中表头中添加搜索
方法一 1 自定义表头 2 添加方法 方法二 1 element ui 中table组件过滤属性 2 筛选方法 3 清除过滤器
vue2中引入svg
1.安装 svg-sprite-loader 2.vue.config.js配置 3在views文件夹下创建svgIcon文件夹
element ui 合并单元格公用方法
1 创建table.js 2 引用方法getMergeCells 3 el-table使用合并行或列的计算方法 4 使用时注意table中字段对比
vue2+xlsx+xlsx-style导出excel、设置样式、合并单元格
1 下载依赖 2 创建公用导出excel方法exportExcel.js 3 使用 (1)引入导出方法 (2) 创建数据 参考资料: 1.https://blog.csdn.net/Cai181191