封装
文章平均质量分 58
-風过无痕
前端小卡拉米
展开
-
vue-使用input封装上传文件图片全局组件
实际开发过程中,我们经常遇见需要上传文件图片功能,可以封装一个全局组件来调用原理很简单,首先获取到文件或图片对象,调用自己公司文档服务器的接口,上传文件图片为了方便用户体验,我们应该在上传之前开启遮罩层,上传成功之后关闭遮罩层。我们还可以根据实际开发场景自定义把url和文件名称传回父组件data})原创 2023-11-22 21:22:18 · 519 阅读 · 0 评论 -
Vue -el-table表格动态控制表头动态展示数据(控制每一列展示)
最近在实际开发中我们遇到一个需求是用户自己控制键值来生成对应表格数据。换个思路就是我们还是正常查询数据,需要一个开关页面来动态改变表格展示每一列。我们需要一个开关页面,里面有多选,确定重置取消,确定时把选中数据传递给父组件,动态数据for循环最好是以封装成组件的形式,可以使代码减少,别的地方也可以用。组件全局注册直接用(主页文章有)原创 2023-04-23 11:30:23 · 7603 阅读 · 6 评论 -
vue - 实现文件的上传-字节流下载详细过程
这个需求一般是在有合同的地方用,首先不止一个地方用我们应该把他封装成一个简易的全局组件,上传的时候封装成全局组件,传2个值,一个合同id,一个开关,下载的时候调用接口获取文档流下载注意看下面的文件上传下载-细节有详细的过程和遇到的问题和解决方案。原创 2023-04-15 10:46:16 · 2826 阅读 · 0 评论 -
Vue Tooltip封装全局问号提示组件
我们经常在网站看到一个小问号鼠标放上去会出现一段文字,移开文字消失。起到一个提示功能。它其实是Tooltip + icon 实现的,但是有一个小问题,就是修改背景颜色和文字颜色不生效。其实是因为我们在项目中使用有scoped 来确保组件之间的样式不会互相影响,不建议删除。我们可以把他封装成全局组件,封装时候不加scoped 这样就不会影响到全局的样式了。先给了行内默认样式,在全局使用时可以在各组件更改颜色,用div嵌套就可以实现每个图标和位置不一样。原创 2022-12-15 19:05:54 · 1887 阅读 · 0 评论