vue
文章平均质量分 71
一些vue下的功能
鹤渺
这个作者很懒,什么都没留下…
展开
-
vue el-table 前端js实现导出数据为Excel
使用 HTML 表格和 Blob,将数据动态生成为 HTML 表格,然后通过 HTML5 的 Blob 和 URL.createObjectURL 方法来创建一个链接,最后让用户点击链接下载生成的 Excel 文件。虽然不是真正的 Excel 文件,但可以在大多数情况下满足导出需求。原创 2024-03-20 11:47:17 · 2305 阅读 · 1 评论 -
vue相关的一些知识总结
这里会记录一些Vue的学习和实践路上的一些琐碎知识的总结,很多东西不用深入去了解,或者简单记录即可,深入了解可以去搜别的开发者的总结。以上就是本文的所有,后续可能会继续补充。Vue 相关知识:Vite 和 Vue CLI单文件组件和多文件组件prototype 和 Vue.prototypenative修饰符原创 2024-03-20 11:45:34 · 845 阅读 · 0 评论 -
在el-tabs中echarts图表宽高设置style=“width: 100%; height: 100%“不起效变成100px的问题
最粗暴的解决办法是给div一个固定的高度,也就是上面三种解决方案的核心,比如你遇到问题时候实时给div一个高宽恒定值,然后看看画出的图尺寸变没有,再去考虑是样式冲突或者组件渲染的问题导致这种情况。原创 2023-12-22 18:55:42 · 1666 阅读 · 0 评论 -
Vue 复制、下载 图片和文字
实现图片和文本的复制和下载方法应该挺多,而后者如果想要一张图片和文字说明都被下载,那肯定是在一起,下载成一张图片的样子,所以后者的实现方法,我暂时只想到一种:画canvas然后下载。都是需要浏览器的Clipboard 支持,大部分都支持。原创 2023-12-22 17:33:26 · 2169 阅读 · 0 评论 -
仿照elemenet-image的预览开发图片切换和放大缩小等功能
开发一个看图片录入的页面,可以查看图片并填写表单业务需求是页面里分为两大部分,左侧是图片大图和底部轮播图,右侧是图片的详细信息和表单,表单的内容是根据图片里的信息来填的,那么拿到这个需求,其实前端这部分只需要实现的就是图片放大缩小旋转,底部有一个略缩图可以切换选择图片等,以及填写提交功能。原创 2023-04-07 21:04:16 · 817 阅读 · 0 评论 -
VUE3 引入富文本插件 CKEditor5
vue3的可选择的富文本插件很多,这次的业务需求只是简单的文字加粗,换行等,不需要图片文件等的功能,所以我暂且需要的是简单的富文本编辑器,查找一些资料,最后选择的CKEditor5,选它是因为它开源,可免费使用到商业用途。之前尝试了tinymce,但是公司不打算申请apikey,所以alert提示框的问题解决不了……具体见文末。原创 2023-04-07 14:59:12 · 4029 阅读 · 0 评论 -
关于vue3 语法糖的一些写法记录
【代码】关于vue3 语法糖的一些写法记录。原创 2023-03-29 11:42:30 · 111 阅读 · 0 评论 -
vue3 系统进入页面前的权限判断和重定向
经常有系统的权限判定,比如某个页面只能角色a进入,或者一个系统多个页面都有权限设置,根据用户的权限判断是否能进入页面,这类权限控制应该是比较基础和常见的吧。这次就记录一下我之前做的权限控制流程。原创 2023-02-06 11:11:51 · 2977 阅读 · 0 评论 -
element-plus el-upload 个人设置页点击头像可以裁剪并修改头像
个人设置页面点击头像能选择头像,打开裁剪框,确定后上传给后端,再次点击后上传可以替换。原创 2023-01-07 18:20:38 · 2308 阅读 · 0 评论 -
vue和elementui实现多表格选择和查看已选的功能
经常碰到需要写多个表格选择,并且可以查看已选项目的功能,实现功能大致如此:左侧是可选择的表,点击表展示每个表里可选字段,然后点击查看已选,可以展示以及选择的表格数据,这个功能,需要几个部分处理,数据格式(从后端请求来的数据)、HTML、js、CSS。原创 2022-11-30 18:07:27 · 3297 阅读 · 0 评论 -
vue2+iview 图片文件上传 Upload组件
记录一个图片上传的功能,满足只能上传一张图片,并且可以需要判断上传图片是否为png,且大小不能超过2MB,除此之外,先上传图片,再点击提交按钮提交图片。原创 2022-11-16 15:20:31 · 1014 阅读 · 0 评论 -
el-table 表格列宽根据内容自适应,通过计算宽度实现
根据网上找到的几个解决方案,都是计算宽度实现的,这里我也是用的这种方式,但是由于数据有些地方缺失,还有一些地方的数据为string,里面带”\n",所以根据项目情况,我优化了这个计算宽度的函数,这里作为记录。原创 2022-11-07 15:59:23 · 5546 阅读 · 6 评论