TWenYuan-优快云博客

原创【当我们vue使用Bus的时候，记得要使用$off清除】

【代码】【当我们vue使用Bus的时候，记得要使用$off清除】

2025-03-10 14:38:32 92

原创【上传文件过大进行的切片式上传】

需要手动安装vue 的 SparkMD5。五：最后的切片上传的组件内容（子组件）一：写出弹窗样式（父组件）四：点击打开弹窗事件。

2024-12-20 10:59:22 644

在数组循环列表里面，我点击单个的item按钮时，需要实时加载进度条到90%，并改变item的flowStatus值同时在页面上渲染当前改变后的状态值。点击某条列表的按钮后，该对象里面的状态值flowStatus由a变为b，进度条自己加载到90%我把数据处理后能console.log()打印出来，但是页面的内容不能同步的更新渲染；用了$delete()先删除这个已经存在并且要改变的键值flowStatus;点击改变的是里面的flowStatus和percentage。主要看前面几行：有注释的。

2024-12-17 17:34:17 386

原创【vue对象数组中循环修改某个字段并返回数组】

return 中 …item表示还是原来的数组，id 为修改后的。这里是item是数组中的单个；

2024-12-02 17:43:53 165

原创【根据每个饼图项的name来设置不同的颜色】

二：在draw里面循环需要的状态参数并传值，获取每种状态的数值value，可以通过设置series中的itemStyle属性来指定每个饼图项（slice）的颜色，下面展示如何根据每个饼图项的name来设置不同的颜色。首先在.draw(）里面固定写好每个name值你要对应的颜色，如name值为 ‘Cancelled’ 时，颜色为 ‘#546FC6’。当循环调用多个接口获取data时,echarts饼状图的颜色也是随机的，并不固定，所以我们现在来通过name值固定颜色展示。

2024-11-19 09:13:24 327

原创【通过el-breadcrumb实现动态面包屑】

一：通过el-breadcrumb实现动态面包屑，通过路由的path决定展示的导航；这是引用的./sidebarConfig的js文件(侧导航栏的路由path);这是 labelArr。

2024-10-15 15:02:57 360

原创【在前端不用接口直接导出.xlsx文件】

注意：ref=“table”

2024-04-01 17:48:17 354

原创表格中的状态类型值(tag)

*lastHandleCode是对应的获取到的每行数据的code值；** 不用转换直接用find()方法：在statusList里找；主要是:formatter=“statusFormatter”一：数字转换为简单的中文值。

2024-03-27 16:15:23 468

原创【在table里显示下拉框形式】

一：主要是看审核方式，prop="status"和保存按钮的scope.row。methods:保存审核状态。

2024-03-20 15:49:53 616

原创【监听下拉框传参获取数据】

四：传被监听到的参数id ,调接口获取下拉框数据。二：data(){}的数据。

2024-01-24 17:59:33 748 1

原创动态获取填充表格数据时的特定值的赋值

2、注意 tableColumns里的 formatter: this.keyFormatter。

2023-11-15 15:51:08 505

原创 vue中el-tree树形组件利用filter和 filterNode方法实现模糊搜索

具体详情可见

2023-11-15 14:57:44 688

原创 table的展开折叠按钮操作

【代码】table的展开折叠按钮操作。

2023-10-18 11:24:18 717

原创下拉选择器的树状结构图

,//查询列表})},/** 转换部门数据结构 */return {},

2023-10-18 11:11:12 405

原创【点击新增一个下拉框与前一个内容一样但不能选同一个值】

下拉选择框

2023-08-23 09:38:23 730

原创【数据动态填充到element表格；将带有标签的数据展示为文本格式】

一：数据动态填充到element表格；二：将带有标签的数据展示为文本格式；

2023-07-26 10:54:15 1739

原创【echarts在vue的简单使用及随窗口移动而自适应变化大小】

关于echarts图表随窗口移动变化，直接看代码。组件template。

2023-05-26 10:13:14 643

原创 echarts 饼图、柱状图的数据不显示为0的设置

设置series的label,数值为0时返回空，否则返回值的名称和数值。

2023-04-21 09:44:10 1598

原创【解决子组件页面变动时不影响父组件的页面大小的边框】

父组件使用自定义事件；@resize-border=“resizeBorder”解决子组件页面变动时不影响父组件的页面大小的边框。父组件采用dataV做边框。

2023-02-06 15:49:58 350

原创【小程序点击按钮添加文本】

QQ录屏20221114150629。/.wxml 布局。

2022-11-14 15:26:41 330

原创【小程序选项卡】

【代码】【小程序选项卡】

2022-11-14 11:06:45 152

原创 css的运用

手风琴效果（展开图片）双重阴影按钮图片上下滚动图片翻转效果雨刷效果字体光束背景渐变字体图标（圆角）弹性盒（）居中对齐对角线

2022-09-29 15:31:09 401

原创【鼠标事件】

【代码】【鼠标事件】

2022-09-29 09:48:02 105

原创【暗黑导航条】

【代码】【暗黑导航条】

2022-09-24 00:30:00 196

原创动态旋转的太极图

【代码】动态旋转的太极图。

2022-09-23 15:54:26 891

原创【动态闪烁红心图】

（这是一个无限次闪烁的红心，注意定位和animation使用）

2022-09-23 14:41:34 212

原创【图片上鼠标滑过图片时遮罩层划过显示】

nth-child(n) 选择器匹配父元素中的第 n 个子元素（n是相对于父元素来说的第几个位置），元素类型没有限制。:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素（n是相对于同一类标签而言的第n个）。n可以是一个数字，一个关键字，或者一个公式。

2022-09-21 17:19:44 195

原创【同级组件间传数据】

1、在src/下创建一个文件夹用来存放xxx.js文件，和main.js同级，在其中只需创建一个新的Vue实例，以后它就承担起了组件之间通信的桥梁了，也就是中央事件总线。3、再创建一个B组件，引入eventBus事件总线，在mounted钩子，监听了自定义事件，并把传递过来的字符串参数传递给了on监听器的回调函数；2、现在创建一个A组件，引入事件总线的js文件，接着添加一个按钮并绑定一个点击事件，进行自定义事件抛出；eventBridge.$emit(“自定义事件名称”,传递的数据)：自定义事件并发布。

2022-09-21 17:05:36 529

空空如也

空空如也