- 博客(105)
- 收藏
- 关注
RSS订阅原创 vue el-select 省市区三级联动 vue + element-ui使用第三方插件实现省市区三级联动
【代码】vue el-select 省市区三级联动 vue + element-ui使用第三方插件实现省市区三级联动。
2025-03-11 16:10:48
192
原创 vue+element-ui 实现钉钉H5微应用调用钉钉扫一扫api功能
定义handleScan方法：接下来，在你的Vue组件中定义handleScan方法。这个方法将会调用钉钉的dd.biz.util.scan API来启动扫码操作，并根据结果执行相应的逻辑。处理扫码结果：在onSuccess回调函数中，你可以获取到扫描条形码或二维码后的文本内容。而在onFail回调函数中，则需要处理可能发生的错误。引入钉钉JS SDK：在你的Vue组件中，你需要确保已经正确地引入了钉钉JS SDK。
2025-03-03 17:52:56
77
原创 Vue开发自动生成验证码功能 前端实现不使用第三方插件实现随机验证码功能，生成的验证码添加干扰因素
【代码】Vue开发自动生成验证码功能 前端实现不使用第三方插件实现随机验证码功能，生成的验证码添加干扰因素。
2024-11-12 16:01:14
217
原创 Vue+element-ui实现网页右侧快捷导航栏 Vue实现全局右侧快捷菜单功能组件
【代码】Vue+element-ui实现网页右侧快捷导航栏 Vue实现全局右侧快捷菜单功能组件。
2024-10-30 10:02:31
554
原创 取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题
【代码】取消element-ui中账号和密码登录功能浏览器默认的填充色，element-ui登录账号密码输入框禁用浏览器默认填充色问题。
2024-10-24 18:22:20
568
原创 Vue 前端导出页面A4大小pdf，Vue前端导出pdf自动切割换页不切割内容 Vue导出页面pdf自动分页和添加页码 导出的pdf提高清晰度
【代码】Vue 前端导出页面A4大小pdf，Vue前端导出pdf自动切割换页不切割内容 Vue导出页面pdf自动分页和添加页码 导出的pdf提高清晰度。
2024-09-27 17:05:30
989
原创 Vue 实现原生表格 tr td 动态合并 vue前端原生表格动态合并列 合并行
代码：dataD6List.columnNames是表头数据，dataD6List.datas是表格内容数据。
2024-09-26 15:42:53
560
原创 Vue2前端实现数据可视化大屏全局自适应 Vue实现所有页面自适应 Vue实现自适应所有屏幕
在Vue.js中创建一个数据大屏，并使其能够自适应不同屏幕大小，通常涉及到布局的响应式设计、CSS媒体查询、以及利用Vue的事件系统来处理窗口大小变化。通过以上步骤，我们创建了一个使用Vuetify布局的响应式数据大屏，它能够根据屏幕宽度动态调整其内容的布局。Vuetify的v-flex组件允许我们轻松地创建响应式的网格布局，而Vuex和全局事件总线则帮助我们在窗口大小变化时更新应用状态和组件布局。在实际项目中，你可能还需要处理更复杂的响应式设计挑战，例如在不同的屏幕尺寸下显示不同的内容或布局。
2024-07-04 13:11:47
3465
2
原创 前端重点之：Vue+websocket通信详细用法和websocket心跳机制的使用，websocket断开实时监测，websocket实时通信
在前端开发中，WebSocket 是一种常见的技术，用于实现客户端与服务器之间的双向通信。下面我将给出一个使用 Vue2 实现 WebSocket 连接的示例，并包括处理连接中断以及实现心跳检测的机制。首先，你需要在 Vue 组件或混合模块中初始化 WebSocket 连接。以下是一个简单的示例：// 导入 Vue，如果你在 Vue 项目中，这通常不需要，因为 Vue 已经是全局对象或者导入了name: 'WebSocketComponent', // 组件名称data() {return {
2024-07-04 11:32:57
628
原创 vue前端实现页面禁止缩放 前端适配问题处理 前端项目多端适配解决方案
在前端项目中，如果一个系统页面可以缩放可能会导致多种异常情况，这些异常情况涉及到页面布局、元素尺寸、事件触发、响应式设计和用户体验等方面。1.布局错乱：页面元素在缩放后可能会出现错位、重叠或部分隐藏的情况，导致页面布局混乱，影响用户对页面内容的理解和操作。这可能会使得用户无法顺利地浏览和使用页面上的功能和信息。解决方案：采用响应式设计和弹性布局来适应不同尺寸和缩放比例下的页面展示。使用CSS的flex布局或者Grid布局可以动态适应页面尺寸的变化，确保页面布局在不同缩放情况下依然能够保持合理的排列和显示
2024-06-03 14:22:35
518
原创 el-calendar自定义日程，显示文字内容，el-date-picker和el-calendar互动互联
效果展示首先el-calendar需要自定义日程内容的话，其格式一般必须满足如下结构{date: '2024-05-08', content: "数学模拟试卷(3)"},{date: '2024-05-08', content: "内容XXXX"},{date: '2024-05-03', content: "内容XXXX"},{date: '2024-05-28', content: "内容XXXX"},结构dom部分-- 日历组件 -->placeholder="选择月"
2024-05-13 18:43:11
1242
原创 nvm安装以后，node -v npm 等命令提示不是内部或外部命令 node多版本控制管理 node多版本随意切换
文章参考：https://blog.youkuaiyun.com/jingjingshizhu/article/details/134395067。
2024-03-27 09:21:56
2645
原创 Vue 实现页面导出A4标准大小的PDF文件，以及处理图片跨域不能正常展示的问题等
【代码】Vue 实现页面导出A4标准大小的PDF文件，以及处理图片跨域不能正常展示的问题等。
2024-02-26 16:18:36
1270
原创 Vue + el-upload阿里云文件上传进度条功能，阿里云文件上传切片进度条功能实现，el-upload文件上传真实进度条
阿里云文件上传进度条
2023-08-02 09:47:01
2144
原创 Echarts柱状图如何加Y轴刻度，且刻度线条颜色和文字颜色互不影响
【代码】Echarts柱状图如何加Y轴刻度，且刻度线条颜色和文字颜色互不影响。
2023-04-24 14:49:12
2448
原创 vue 或js 中解决 window.location.href下个多个文件只下载一个的问题， window.location.href不能同时下载多个文件问题解决
【代码】vue 或js 中解决 window.location.href下个多个文件只下载一个的问题， window.location.href不能同时下载多个文件问题解决。
2023-04-24 10:13:30
2135
原创 el-tree 修改默认左侧三角图标，并使没有子级的那一项不展示图标
【代码】el-tree 修改默认左侧三角图标，并使没有子级的那一项不展示图标。
2023-04-10 18:21:25
3161
原创 el-input-number修改默认上下图标，el-input-number修改默认增减图标
【代码】el-input-number修改默认上下图标，el-input-number修改默认增减图标。
2023-04-10 15:40:40
997
原创 vue双层for循环,点击孙子元素，滚动到页面可视区域，并设置平滑效果动画
【代码】vue双层for循环,点击孙子元素，滚动到页面可视区域，并设置平滑效果动画。
2023-01-06 10:58:44
121
原创 vue双层for循环，动态绑定唯一id值，vue中for循环，动态绑定dom元素唯一id值
【代码】vue双层for循环，动态绑定唯一id值，vue中for循环，动态绑定dom元素唯一id值。
2023-01-06 10:26:55
2312
1
原创 Vue案例总结之--数据操作双向回显，双向交互，批量操作，复选框数据操作，实时分数计算等
【代码】Vue案例总结之--数据操作双向回显，双向交互，批量操作，复选框数据操作，实时分数计算等。
2022-12-28 17:08:08
569
原创 element-ui中 this.$confirm修改确定取消按钮顺序和样式
【代码】element-ui中 this.$confirm修改确定取消按钮顺序和样式。
2022-10-31 17:54:26
1861
原创 el-checkbox-group修改默认样式，el-checkbox-group自定义样式案例
el-checkbox-group多选框修改默认样式
2022-09-05 09:51:45
4282
原创 Vue多重循环控制当前点击DOM元素样式，默认第一组第一个元素有颜色，Vue实现考试功能，上一题，下一题移动功能，包括题干题目选项回显等
vue实现考试答题功能
2022-07-29 15:31:55
96
原创 Echarts多排柱状图动态处理，动态渲染数据处理
后端返回的数据格式是一般的数据格式，前端处理还是比较复杂，此处做个记录数据格式效果图 X轴年月和每一组的柱状图条数都是动态的代码中的输出数据格式代码getData就是获取后端数据的接口 getDataval).then((res) => { if (res.code == 200) { var main = [] var arr3Year = [] var dataYList = []
2022-05-18 09:22:30
3614
原创 JS 删除“[ ]“数组格式的字符串中的 “ ” [ ] ,JS删除指定字符
大概的数据格式就是，数组格式的数据，但代码 val.data.forEach((element) => { if (element.detailName == '版本名称') { console.log('数据1', element.detailValue) console.log('数据1格式', typeof element.detailValue) ar
2022-05-17 16:02:52
1761
原创 el-date-picker比较两个时间值大小，el-date-picker循环组件比较两个时间值大小
el-date-picker比较两个时间值的大小，el-date-picker循环组件比较时间值的大小change事件用于时间比较值dom部分 <el-row> <el-col :span="12"> <el-form-item label="*开始时间:"> <el-date-picker
2022-05-05 14:07:38
2024
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人