- 博客(102)
- 收藏
- 关注
RSS订阅原创 element-ui 源码调用接口跨域问题
产生问题的原因，对源码当中的配置项目启动配置不熟悉，想当然的增加 vue.config.js 配置，以为可以解决问题，行不通时，考虑从后端代码解决问题。问题解决完成之后，已经有了退路，冷静下来寻找问题的原因，发现启动脚本 npm run dev 中使用的 build 文件夹下的 webpack.demo.js 配置，在这个配置中增加反向代理并重启后，跨域问题解决。解决方法2：使用的是 npm run dev 启动的项目，通过 package.json 可以看到所使用的 webpack 配置文件。
2025-05-13 16:51:24
94
原创 element-ui form 组件源码分享
form 导航菜单源码简单分享，主要从以下几个方面：1、form 组件页面结构。2、form 组件属性。3、form 组件方法。4、form 组件事件。5、form-item 组件属性。6、form-item 组件 slot 挂载。7、form-item 组件方法。3.4 clearValidate 移除表单项的校验结果。传入待移除的表单项的 prop 属性或者 prop 组成的数组，如不传入则移除整个表单的校验结果。参数 Function(props:array|string)。注意：va
2025-05-08 16:49:24
805
原创 element-ui navMenu 组件源码分享
navMenu 导航菜单源码简单分享，主要从以下几个方面：1、navMenu 组件页面结构。2、navMenu 组件属性。3、navMenu 组件方法。4、navMenu 组件事件。5、subMenu 组件属性。6、menuItem 组件属性。7、menu-group 组件属性。
2025-05-06 16:38:26
774
原创 element-ui carousel 组件源码分享
carousel 走马灯源码简单分享，主要从以下几个方面：1、carousel 组件页面结构。2、carousel 组件属性。3、carousel 组件事件。4、carousel 组件方法。5、carousel-item 组件属性。
2025-04-28 16:14:46
473
原创 element-ui dropdown 组件源码分享
dropdown 下拉菜单源码简单分享，主要从以下几个方面：1、dropdown 组件页面结构。2、dropdown 组件属性。3、dropdown 组件事件。4、dropdown 组件 slot 挂载。5、dropdown menu item 组件属性。
2025-04-27 15:26:29
881
原创 element-ui tabs 组件源码分享
tabs 标签页组件源码简单分享，主要从以下几个方面：1、tabs 组件页面结构。2、tabs 组件属性。3、tabs 组件事件。4、tab-pane 组件属性。
2025-04-25 18:29:26
439
原创 element-ui transfer 组件源码分享
transfer 穿梭框组件源码简单分享，主要从以下几个方面：1、transfer 组件页面结构。2、transfer 组件属性。3、transfer 组件方法。4、transfer 组件事件。5、transfer slot 挂载。
2025-04-23 17:54:30
953
原创 qiankun 微前端主应用使用 iframe 加载子应用中的某个页面
背景：前端项目采用 qiankun 框架开发，主应用使用 vue2 ，子应用使用 react16+umi。项目部署时使用 nginx， 部署在同一台服务器上，主项目部署在一级目录，子项目部署在二级目录。其中主应用的有一个需求是，将各个子系统的日志功能集中到主应用统一管理。而针对于某一个子应用，有一个特殊处理的功能，根据主应用中的日志记录，可以查看子应用中的业务流转记录。基于这种场景，使用到了 iframe 加载子应用。遇到的问题：一、本地开发时，主应用使用 iframe 无法加载子应用页面。解决方案一：部署
2025-04-15 16:42:17
138
原创 element-ui colorPicker 组件源码分享
简单分享 colorPicker 颜色选择器组件源码，主要从以下三个方面：1、colorPicker 组件页面结构。2、colorPicker 组件属性。3、colorPicker 组件事件。
2025-04-15 16:21:12
269
原创 element-ui loading 组件源码分享
2.3 fullscreen 同 v-loading 指令中的 fullscreen 修饰符，类型为 boolean，默认 true。以获取到对应 DOM 节点，类型为 object/string，默认值 document.body。2.8 customClass Loading 的自定义类名，类型为 string，无默认值。2.5 text 显示在加载图标下方的加载文案，类型为 string，无默认值。2.6 spinner 自定义加载图标类名，类型为 string，无默认值。2.4 lock 同。
2025-03-31 14:06:26
401
原创 element-ui calendar 组件源码分享
开始时间必须是周一，结束时间必须是周日，且时间跨度不能超过两个月，类型为 array，无默认值。表示该日期的所属月份，可选值有 prev-month，current-month，next-month；2.1 value / v-model 绑定值，类型为 Date/string/number，无默认值。2.3 first-day-of-week 周起始日，类型为 number，可选值 1-7，默认 1。是格式化的日期，格式为 yyyy-MM-dd，类型为 object，无默认值。3.2 组件内部事件。
2025-03-25 16:27:59
368
原创 element-ui messageBox 组件源码分享
2.7 callback 若不使用 Promise，可以使用此参数指定 MessageBox 关闭后的回调，类型为 unction(action, instance)，action 的值为'confirm', 'cancel'或'close', instance 为 MessageBox 实例，可以通过它访问实例上的属性和方法，无默认值。2.4 type 消息类型，用于显示图标，类型为 string，可选值 success / info / warning / error，无默认值。
2025-03-24 14:12:23
920
原创 element-ui notification 组件源码分享
2.8 position 自定义弹出位置，类型为 string，可选值 top-right/top-left/bottom-right/bottom-left，默认值 top-right。2.4 type 主题样式，如果不在可选值内将被忽略，类型为 string，可选值 success/warning/info/error，无默认值。2.12 offset 偏移的距离，在同一时刻，所有的 Notification 实例应当具有一个相同的偏移量，类型为 number，默认值 0。
2025-03-21 16:29:44
448
原创 element-ui slider 组件源码分享
2.8 input-size 输入框的尺寸，类型为 string，可选值 large / medium / small / mini，默认值 small。2.7 show-input-controls 在显示输入框的情况下，是否显示输入框的控制按钮，类型为 boolean，默认 true。2.6 show-input 是否显示输入框，仅在非范围选择时有效，类型为 boolean，默认 false。3.1 change 事件，值改变时触发（使用鼠标拖曳时，只在松开鼠标后触发），回调参数为改变后的值。
2025-03-21 11:21:33
377
1
原创 element-ui pagination 组件源码分享
2.8 layout 组件布局，子组件名用逗号分隔，类型为 string，可选值 sizes、prev、pager、next、jumper -> total、slot，默认值 'prev, pager, next, jumper, ->, total'。如果要支持 page-sizes 的更改，则需要使用 total 属性，类型为 number，无默认值。2.6 pager-count 页码按钮的数量，当总页数超过该值时会折叠，类型为 number，可选值大于等于 5 且小于等于 21 的奇数，默认 7。
2025-03-19 16:58:10
586
原创 element-ui image 组件源码分享
2.6 scroll-container 开启懒加载后，监听 scroll 事件的容器，类型为 string / HTMLElement，默认最近一个 overflow 值为 auto 或 scroll 的父元素。，类型为 string，可选值 fill / contain / cover / none / scale-down，无默认值。2.9 initial-index 图片预览初始图片index，类型为 number，无默认值。2.1 src 图片源，同原生，类型为 string，无默认值。
2025-03-18 14:26:35
411
原创 element-ui progress 组件源码分享
2.9 stroke-linecap circle/dashboard 类型路径两端的形状，类型为 string，可选值 butt/round/square，默认值 round。2.5 status 进度条当前状态，类型为 string，可选值 success/exception/warning，无默认值。2.2 type 进度条类型，类型为 string，可选值 line/circle/dashboard，默认 line。1、progress 组件页面结构。2、progress 组件属性。
2025-03-17 11:20:55
530
原创 element-ui pageHeader 组件源码分享
2.2 content 内容，类型为 string，无默认值。2.1 title 标题，类型为 sring，无默认值。4、pageHeader 组件 slot 挂载。3.1 back 事件，点击左侧区域触发。1、pageHeader 组件页面结构。2、pageHeader 组件属性。3、pageHeader 组件事件。4.2 content 内容挂载。4.1 title 标题挂载。四、组件 slot 挂载。
2025-03-11 18:07:46
338
原创 element-ui layout 组件源码分享
响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。响应式栅格数或者栅格属性对象，类型为 number/object (例如： {span: 4, offset: 4})，无默认值。1.2 type 布局模式，可选 flex，现代浏览器下有效，类型为 string，无默认值。1、row 组件属性。
2025-03-11 17:28:49
463
原创 element-ui descriptions 组件源码分享
2.3 direction 排列方向，类型为 string，可选值 vertical / horizontal，默认 horizontal。2.4 size 列表的尺寸，类型为 string，可选值 medium / small / mini，无默认值。2.6 extra 操作区文本，显示在右上方，类型为 string，无默认值。2.5 title 标题文本，显示在左上方，类型为 string，无默认值。2.12 item label 标签文本，类型为 string，无默认值。2.2 column 一行。
2025-03-10 13:35:28
378
原创 element-ui popover 组件源码分享
2.5 placement 出现的位置，类型为 string，可选值 top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end，默认 bottom。2.13 open-delay 触发方式为 hover 时的显示延迟，单位为毫秒，类型为 number，默认 0。2.10 visible-arrow 是否显示箭头， 类型为 boolean，默认 true。
2025-03-07 13:46:36
522
原创 element-ui steps 组件源码分享
2.4 process-status 设置当前步骤的状态，类型为 string，可选值 wait / process / finish / error / success，默认值 process。2.5 finish-status 设置结束步骤的状态，类型为 string，可选值 wait / process / finish / error / success，默认值 finish。2.9 description 描述性文字，类型为 string，无默认值。3.2 title 挂载，自定义标题。
2025-03-06 14:30:07
294
原创 element-ui tooltip 组件源码分享
2.3 placement tooltip 出现的位置，类型为 string，可选值有 top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end，默认值为 bottom。2.14 hide-after Tooltip 出现后自动隐藏延时，单位毫秒，为 0 则不会自动隐藏，类型为 number，默认 0。1、tooltip 组件页面结构。
2025-03-05 14:13:38
350
原创 element-ui timeline 组件源码分享
2.5 type 节点类型，类型为 string，可选值 primary / success / warning / danger / info，无默认值。2.6 color 节点颜色，类型为 string，可选值 hsl / hsv / hex / rgb，无默认值。2.7 size 节点尺寸，类型为 string，可选值 normal / large，默认 normal。2.1 reverse 指定节点排序方向，默认为正序，类型为 boolean，默认 false。1、timeline 组件页面结构。
2025-03-04 15:04:18
286
原创 element-ui statistic 组件源码分享
2.6 prefix 属性，设置数值的前缀，string、v-slot 类型，无默认值。2.7 suffix 属性，设置数值的后缀，string、v-slot 类型，无默认值。2.10 value-style 属性，设置数值的样式，object 类型，无默认值。2.8 title 属性，数值的标题，string、v-slot 类型，无默认值。2.1 value 属性，数值内容，number、string 类型，无默认值。2.13 value 属性，必填值，输入绑定值，string 类型， 无默认值。
2025-03-03 17:57:30
686
原创 element-ui popconfirm 组件源码分享
2.4 confirm-button-type 确认按钮类型，String 类型，默认 Primary。2.5 cancel-button-type 取消按钮类型，String 类型，默认 Text。2.8 hide-icon，是否隐藏 Icon，Boolean 类型，默认 false。2.2 confirm-button-text 确认按钮文字，String 类型。2.6 Icon，String 类型，默认 el-icon-question。3、popconfirm 组件 slot 挂载。
2025-03-03 11:32:24
262
原创 element-ui infiniteScroll 组件源码分享
2.4 infinite-scroll-immediate 属性， 是否立即执行加载方法，以防止初始状态下内容无法充满容器，默认 true。3.3 handleScroll 核心方法，滚动的方法，判断何时需要加载，使用 MutationObserver 方法监听容器变化。2.3 infinite-scroll-distance 属性， 触发加载的距离阈值，单位 px，默认 0。2.2 infinite-scroll-delay 属性，节流延迟，单位 ms，默认 200。3、组件内部的方法。
2025-02-28 16:42:42
364
原创 element-ui rate 组件源码分享
2.9 iconClasses icon 的类名，可以改变 rate 显示的图标类型。3.1 disabledVoidIconClass 只读时未选中 icon 的类名。2.8 disabledVoidColor 只读时未选中 icon 的样式。主要有图标的、图标(默认或自定义图标)+文字的、图标+分数的。2.6 colors 传入的颜色值，控制 icon 的颜色。3.0 voidIconClass 未选中 icon 的类名。2.7 voidColor 未选中 icon 的颜色。2.2 max 最大分数。
2025-02-07 22:31:13
459
原创 element-ui dialog 组件源码分享
在 dialog 组件中，引入 popup 中的公共方法，popup 文件中的方法可以控制弹出层的显示隐藏，在所有有弹出层效果的组件中都会混入这个文件。2.1 visible 是否显示 Dialog，支持 .sync 修饰符，类型 boolean，默认 false。四、事件：供外部组件调用、组件内部自己调用。作用是打开或者关闭弹框的方法。4.2、opened、closed 打开结束时的回调。2.9、customClass 自定义弹框的样式。2.2 title 属性，dialog 的标题。
2025-01-03 23:42:20
763
原创 qiankun 主项目与子项目共享依赖
一、主项目和子项目的公共依赖有：vue2、vuex、vue-router、element-ui、lodash、moment、axios，将这些公共依赖进行共享，减小子项目打包体积。五、提取完共享依赖的结果：子项目的包体积缩小了 15%。
2025-01-02 16:51:37
346
原创 vue2 将部署在一台服务器上的代码，通过脚本的形式免密上传到其他七台服务器上。
【代码】Linux 将部署在一台服务器上的代码，通过脚本的形式免密上传到其他七台服务器上。
2024-11-11 14:36:49
236
原创 vue2 自动化部署 shell 脚本
需求场景：在云平台中进行开发时，由于无法连接外网，在部署前端项目时，是通过本地打包再上传到服务器的方式进行部署的。1、服务器的项目部署路径：主项目 /opt/qiankun-parent，子项目 /opt/qiankun-parent/qiankun-children。2、执行完 build.sh 脚本之后，会自动化地从两个不同的 Git 仓库拉取最新代码、构建项目，并将构建结果部署到指定的目标目录。1、服务器上安装 node、git 运行环境。3、服务器上编写 shell 脚本。
2024-11-11 13:51:35
440
原创 vue2 通过路由拦截实现 token 刷新功能
需求场景：系统当中设置的 token 过期时间为 1 小时，当用户在一小时内一直在操作系统，那么当即将一小时 token 快过期时，前端调用刷新 token 的接口，实现为用户的 token 续期功能。
2024-11-11 09:54:50
455
原创 v-bind=“$attrs“ 会将父组件所有的属性都传递给子组件
场景：基于 el-dialog 组件进行了二次封装，在组件内部使用了 v-bind="$attrs" 来接收父组件传递过来的所有属性，出现的问题是，在传递 title 属性时，dialog 内部的所有元素都继承了这个属性，导致每个元素在鼠标悬浮之后都会出现 title 的提示，提示的内容与 dialog 的标题一致，如下图。1、封装的组件 base-dialog。组件，而其他属性不会影响到其他元素。
2024-10-25 10:35:03
431
原创 qiankun 主项目和子项目都是 vue2，部署在不同的服务器上，nginx 配置
注：使用的下面这种部署方式，主应用代码放在主应用服务器的/opt/parent目录下，子应用代码放在子应用服务器的/opt/bes-front目录下面，重点是主应用的路由要加前缀进行区分，其次，子应用的所有接口转发都统一从主应用转发到子应用，因此子应用的接口要增加前缀进行区分。1、主应用路由未加前缀，导致主应用转发到子应用时，脱离了qiankun框架直接访问子应用的静态资源，致使的结果是，无法再返回到主应用。2、如果要求子应用接口都统一从主应用转发，那么子应用接口需要前缀进行区分。
2024-10-10 18:12:51
972
原创 qiankun 主项目和子项目都是 vue2，部署在同一台服务器上，nginx 配置
在部署主应用和子应用时，遇到主应用转发到子应用时，静态资源无法访问的问题，重点是查看子应用publicPath这个配置，这个是静态文件的访问前缀，如果部署到服务器上，子应用的静态资源无法访问到，可以看一下服务器访问的静态资源的前缀是否和代码中配置的一致。注：使用的下面这种部署方式，主应用代码放在parent目录下，子应用代码放在parent目录下面，其他，子应用的目录应该代码中的名称保持一致，在本示例当中，子应用使用的是bes-front。2.3 vue.config.js 配置。
2024-10-10 17:38:46
786
原创 vue 权限分组
5、同一个菜单下，查询接口和当前接口下的操作按钮需要分组。4、新增、修改、删除任何一个取消勾选，查询不取消勾选。3、查询取消勾选，则新增、修改、删除都取消勾选。1、勾选查询，新增、修改、删除不选中。2、勾选新增、修改、或删除，查询选中。
2024-10-10 16:55:14
589
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人