![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue3+ts
禾小毅
这个作者很懒,什么都没留下…
展开
-
vue3 实现 el-pagination页面分页组件的封装以及调用
还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~希望我的愚见能够帮助你哦~,若有。原创 2024-02-24 11:22:46 · 1472 阅读 · 2 评论 -
vue 实现前端处理 “数组数据“ 转excel格式文件,并导出excel表格
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~原创 2024-01-17 09:33:37 · 1118 阅读 · 0 评论 -
vue3 实现关于 el-table 表格组件的封装以及调用
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~(4)添加排序(升序、降序)原创 2024-01-05 18:05:12 · 2622 阅读 · 0 评论 -
vue实现画笔回放,canvas转视频播放功能
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~(1)安装 canvasvideo-vue。(2)main.js引入。原创 2024-01-03 11:48:56 · 944 阅读 · 0 评论 -
vue3 实现el-date-picker日期筛选过程
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~选中时间2,禁止选中时间1,当前值传递给 startTime 和 endTime。选中时间1,禁止选中时间2,当前值传递给 startTime。有2个查询条件,startTime 和 endTime。原创 2024-01-02 10:29:56 · 1544 阅读 · 0 评论 -
【vue3】 实现 公共搜索组件,在当前页搜索的路由跳转不能改变当前值的操作,使用bus / event-emitter 派发器
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~原创 2023-05-25 17:34:35 · 237 阅读 · 0 评论 -
【vue3】实现简易的 “百度网盘” 文件夹的组件封装实现
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~原创 2023-05-23 18:00:40 · 2393 阅读 · 12 评论 -
【uniapp+ts】 实现直播中 “聊天功能” 交互的组件封装和调用
【代码】【uniapp+ts】 实现直播中 “聊天功能” 交互的组件封装和调用。原创 2023-05-11 18:07:35 · 666 阅读 · 0 评论 -
【vue3】实现el-tree组件,将不同层级的箭头修改成自定义图标的组件封装及调用
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~原创 2023-05-10 10:57:29 · 4324 阅读 · 2 评论 -
【vue3】 实现PC端自定义左侧组件的封装以及调用
点击左侧菜单一级标题,加载右侧列表点击左侧菜单二级标题,加载右侧列表,同时加载班级或者科目切换列表切换左侧任意标题后,刷新当前列表页,左侧点击值和右侧列表数据需保持不变通过右侧列表点击到详情页后,也调用左侧菜单1、当刷新当前详情页时,左侧选中的是哪个值还是定位到哪个值2、当在详情页点击切换左侧菜单时,定位到当前值对应的列表页数据3、当点击详情页的返回按钮时,需返回进入当前详情页的列表页,以及定位到对应的左侧菜单值1、当点击左侧标题时,获取点击的id,传给需要id参数的接口。原创 2022-10-10 15:45:49 · 1167 阅读 · 0 评论 -
【vue3】 根据每一列不同的总人数,计算出上线人数的占比
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~2、占比部分,带有 27个 渐变色块部分,定位置于上层,通过判断渲染不同的渐变占比。3、需要将每一列的渐变颜色,用数组的形式将每个颜色写死,并根据下标去循环渲染。1、自定义布局,总人数 27个 灰色色块写死,并通过定位置于底层。原创 2022-09-14 17:13:58 · 497 阅读 · 0 评论 -
【vue3】通过 elmentui 中的 el-tree树状栏实现数据筛选
初始进入页面展示所有数据点击tree单选按钮需求:通过点击节点查询当前的子节点和列表内容。调用同一接口,通过传Id展示不同的内容,只展示二级,点击当前的节点,展示当前的列表内容,通过懒加载子节点的方式实现实现思路:tree.vue页面<template> <el-tree class="tree_item" :props="person.props" :load="loadNode" @node-click="clickNod...原创 2022-05-18 11:53:56 · 2606 阅读 · 0 评论 -
【vue3】使用elmentui中的el-cascader联级菜单筛选切换数据列表
需求:点击联级中的某一节点,点击确认,筛选符合条件的数据列表创建文件 cascader.vue,完整代码如下:<template><div class="home_box"> <div class="right_box"> <div class="seachTop"> <div class="big_select"> <el-cascader...原创 2022-05-18 17:12:18 · 3059 阅读 · 0 评论 -
【vue3】中实现 el-from “修改密码” 的步骤详情
实现思路:一、表单验证1、手机号验证,满足11位,且第3位为 3578 这一个数字// 表单格式验证// 手机号验证const validatePhone = (rule: any, value: any, callback: any) => { let str=new RegExp("^1[3578]\\d{9}$"); if(!str.test(value)){ callback(new Error('手机号错误!')) }else{ ca...原创 2022-05-26 10:37:01 · 3831 阅读 · 3 评论 -
【vue3】实现筛选页组件(深层嵌套循环数据切换)的封装和调用
根据设计图需求以及数据结构的结合,返回的数据结构形成的深层嵌套循环与布局不符,其中Children下的数组,数组下的Children是不确定到底有多少层级的,因此。希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~(1)将右侧筛选弹窗的内容封装成小的组件 menuTree1.vue (也是最里层),如下图。/2、2、筛选页(当点击初中项下的科目项,展示右侧筛选弹窗)(2)如果通过定位的方式布局,就直接写死了(行不通)原创 2022-11-03 11:22:15 · 1540 阅读 · 1 评论