会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
行走的蒲公英
博客园
首页
新随笔
联系
管理
订阅
随笔- 89 文章- 0 评论- 13 阅读-
47097
随笔分类 -
vue
vue3文件流下载方法
摘要:import { ElLoading } from 'element-plus'; import { saveAs } from 'file-saver'; export function oneClickUnzip(query) { return request({ url: '/project/
阅读全文
posted @
2024-12-19 10:06
行走的蒲公英
阅读(413)
评论(0)
推荐(0)
编辑
探秘组件实例的内部 API
摘要:1. 什么是 getCurrentInstance? getCurrentInstance 是 Vue 3 提供的一个方法,它可以获取当前组件实例。这个方法主要用于 setup 函数 或 组合式 API 中,帮助开发者访问一些当前组件的内部数据和上下文。 官方说明:getCurrentInstanc
阅读全文
posted @
2024-12-18 10:46
行走的蒲公英
阅读(178)
评论(0)
推荐(0)
编辑
深入理解 Vue 3 中的 h 函数
摘要:1. 什么是 h 函数? h 函数是 Vue 3 中用来创建虚拟节点(VNode)的工具,它的本质是 createVNode 方法的简写。 h 函数的语法签名如下: h(type, props?, children?) type: 节点的类型,可以是 HTML 标签(如 'div')、组件或函数。
阅读全文
posted @
2024-12-17 16:13
行走的蒲公英
阅读(1215)
评论(0)
推荐(0)
编辑
vue3中配置svg
摘要:整体目标 实现一个在 Vue 项目中方便使用 SVG 图标,允许在页面中通过自定义标签直接引用 SVG 图标,无需手动引入每个图标文件。 具体步骤 1. 使用方式 页面中直接写标签,myicon是svg图片文件名,不需要引入。myicon文件放在指定的svg目录中即可。 <svg-icon icon
阅读全文
posted @
2024-12-17 15:23
行走的蒲公英
阅读(574)
评论(0)
推荐(0)
编辑
vue-pdf-embed预览和下载、解决文字丢失问题
摘要:1. 实现效果: 文件列表点击pdf文档可预览,含多页,带下载按钮 2. 用的vue3 + vue-pdf-embed 版本号可用1.x或2.x : 这里我用的1.2.1版本: "vue-pdf-embed": "1.2.1" // 安装: npm i vue-pdf-embed@1.2.1 vue
阅读全文
posted @
2024-07-30 10:08
行走的蒲公英
阅读(1274)
评论(0)
推荐(0)
编辑
element plus下载进度增加遮罩层loading
摘要:一开始用的二次封装的工具方法,去加遮罩层,发现进度数字无法响应式更新。 改进: import request from '@/utils/request'; import { ElLoading } from 'element-plus'; const loadProgress = ref('0')
阅读全文
posted @
2024-03-22 15:33
行走的蒲公英
阅读(396)
评论(0)
推荐(0)
编辑
vue3+element plus 判断文字是否溢出,溢出显示el-tooltip
摘要:用到element plus 表格,:show-overflow-tooltip="true" 属性在 "element-plus": "2.2.27", 版本不支持修改el-tooltip文本的样式: 满足2点需求:①文字只有一行不显示悬浮框;②超出一行显示省略号,鼠标有悬浮框,且保留文本的换行效
阅读全文
posted @
2024-03-19 16:10
行走的蒲公英
阅读(1924)
评论(0)
推荐(0)
编辑
element plus表格计算序号
摘要:需要用到分页计算: <el-table :data="tableData"> <el-table-column label="序号"> <template #default="{ row, column, $index }"> {{ ($index + 1) + (currentPage - 1)
阅读全文
posted @
2024-03-18 11:40
行走的蒲公英
阅读(230)
评论(0)
推荐(0)
编辑
vue3+element plus表格实现单选功能
摘要:现有一个需求,表格单选带radio的效果,目前UI库还不支持。只能自行实现:贴下效果图: 用到vue3 + element plus: 关键代码: <!-- 表格 --> <el-table ref="refsTable" @row-click="clickRow" :data="tableData
阅读全文
posted @
2024-03-15 17:51
行走的蒲公英
阅读(1865)
评论(0)
推荐(0)
编辑
vue3+element plus 阻止表单默认提交
摘要:在el-form标签上写阻止默认事件:
阅读全文
posted @
2024-03-15 16:08
行走的蒲公英
阅读(272)
评论(0)
推荐(0)
编辑
vue自定义指令
摘要:这里记录下,自定义指令相关思路,用到 vue3 + element plus: 说明一下使用场景:创建自定义指令 v-hasPermi , 用来判断按钮权限的(新增/编辑/删除/查看等)。 1. 页面使用(全局使用,无需引入): <el-button type="primary" icon="Plu
阅读全文
posted @
2024-03-12 15:02
行走的蒲公英
阅读(901)
评论(0)
推荐(0)
编辑
不同环境下拼接外链的方法
摘要:截取浏览器url function getBowserUrl(path) { let result = ''; if (path) { // 获取当前URL var currentURL = window.location.href; // 使用URL API来解析URL var urlObject
阅读全文
posted @
2024-03-12 14:08
行走的蒲公英
阅读(8)
评论(0)
推荐(0)
编辑
vue2中 watch和computed的区别
摘要:计算属性(Computed): computed 是基于依赖关系进行缓存的。只有当相关的响应式依赖发生改变时,才会重新求值。适合于执行更复杂的数据操作。 computed 属性是计算出来的,不会对原始数据造成任何副作用。 computed 属性可以具有 setter 和 getter 方法,可以更灵
阅读全文
posted @
2023-12-28 10:43
行走的蒲公英
阅读(211)
评论(0)
推荐(0)
编辑
vue图片上传(支持单个、批量)
摘要:项目中一个小需求,描述一下: 意见反馈模板,可以上传3张图片,每上传1张图片,增加1个占位图,最多上传3张。上传到第三张图片占位图消失。且支持单个、批量上传。支持显示上传进度。如图显示: elementUI组件里的,只支持一个个图片上传,这里不采用。 下面说下解决方案:使用input type='f
阅读全文
posted @
2021-07-13 13:43
行走的蒲公英
阅读(4338)
评论(0)
推荐(0)
编辑
websocket心跳检测机制
摘要:第一步:在vuex新建websocket.js文件: export default { namespaced: true, state: { websock: null, url: '', lockReconnect: false, //是否真正建立连接 timeout: 30 * 1000, //
阅读全文
posted @
2021-07-13 10:06
行走的蒲公英
阅读(1729)
评论(0)
推荐(0)
编辑
elementUI--关于导出功能(纯前端)
摘要:只能导出当前页: 第一步:npm安装依赖:npm install --save xlsx file-saver 第二步:页面引入: 1 import FileSaver from 'file-saver' 2 import XLSX from 'xlsx' 第三步:绑定导出事件,在methods写:
阅读全文
posted @
2020-11-23 16:00
行走的蒲公英
阅读(169)
评论(0)
推荐(0)
编辑
公告
昵称:
行走的蒲公英
园龄:
4年4个月
粉丝:
7
关注:
1
+加关注
<
2025年2月
>
日
一
二
三
四
五
六
26
27
28
29
30
31
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
1
2
3
4
5
6
7
8
搜索
常用链接
我的随笔
我的评论
我的参与
最新评论
我的标签
更多链接
随笔分类
css布局(5)
elementui(7)
js基础(29)
nginx(1)
react(13)
uniapp(5)
vue(16)
工具方法(21)
前端工程化(7)
前端面试题(13)
微信小程序(1)
随笔档案
2024年12月(13)
2024年9月(1)
2024年8月(6)
2024年7月(9)
2024年6月(3)
2024年5月(6)
2024年4月(3)
2024年3月(15)
2024年1月(7)
2023年12月(2)
2023年4月(2)
2023年2月(6)
2022年8月(3)
2022年4月(3)
2021年9月(1)
2021年8月(2)
2021年7月(6)
2020年11月(1)
阅读排行榜
1. 前端使用大模型DeepSeek(5095)
2. vue图片上传(支持单个、批量)(4338)
3. 前端使用StreamSaver.js流式下载大文件(2891)
4. vue3+element plus 判断文字是否溢出,溢出显示el-tooltip(1924)
5. vue3+element plus表格实现单选功能(1865)
评论排行榜
1. fullcalendar-vue3插件实现时间资源图(7)
2. 前端使用大模型DeepSeek(4)
3. FullCalendar插件js原生用法(2)
推荐排行榜
1. 前端代码0bug经验分享(1)
最新评论
1. Re:前端使用大模型DeepSeek
@yi-sheng 全是前端的。我在项目里面用的。如果单独在js文件里面用,调用模型,要用到发请求的库,比如axios...
--行走的蒲公英
2. Re:前端使用大模型DeepSeek
博文介绍全是前端代码么?需要引用哪些js文件
--yi-sheng
3. Re:前端使用大模型DeepSeek
@yi-sheng 我这里后端用的python...
--行走的蒲公英
4. Re:前端使用大模型DeepSeek
学习了,谢谢。
请教后台代码是什么语言
--yi-sheng
5. Re:fullcalendar-vue3插件实现时间资源图
@ColaMan 应该是的哈...
--行走的蒲公英
点击右上角即可分享