自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

请叫我欧皇!的博客

欢迎来到我的博客,一起学习~

  • 博客(118)
  • 收藏
  • 关注

原创 element+vue小技巧和报错解决(持续更新~建议收藏)

2.在,添加prop,prop的值是formInline:{time:“”}的time属性。清空1.给,添加ref绑定dom。不再使用slot-scope="scope"来获取当前行数据。后端需要什么格式你就在。4.一键清空表单数据。

2023-04-24 16:12:30 2519 1

原创 前端小技巧,记录贴

1---transition只会把过渡效果应用到其包裹的内容上,而不会额外渲染 DOM 元素。Object.keys()可以获取到对象的属性名,可以用作筛选表头数据,引用大神的举例。1-对象就是获取属性名,数组就是按照索引排,字符串就是拆分成数组的形式。2---mode的“out-in”和“in-out”代表的意思。New FileReader():读取上传文件的内容,实例。out-in:在前一个组件离开之后下一个组件开始进入。in-out:下一个组件进入,前一个组件才离开。

2023-03-07 15:36:32 196

原创 el-table分页多选导出excel表格

需求:使用el-table分页查询表格的时候记录上一页已选中的数据,之后点击导出按钮后对表格已选中数据导出excel表格,导出成功后清空选中的状态,本文章只记录分页导出的关键代码,其中包含之前的导出全部表格,导出全部表格的数据请查看:

2024-04-30 11:15:23 300

原创 js删除对象中值为null的属性

需求:在做编辑操作的时候,后端不需要值为null的数据,所以默认把编辑中值为null的数据传给他会编辑失败,所以前端做个筛选就行了。

2024-04-19 14:24:20 632

原创 el-upload自定义上传dwg/dxf文件并且携带额外参数(CAD)

需求:需要使用el-upload自定义上传cad的图片或普通图片,这边需要判断区分下,以及上传后清空上传文件列表。

2024-04-19 11:29:04 718

原创 el-form嵌套el-table以表格的形式批量添加多个用户

需求:需要批量添加用户,使用弹窗的方式太麻烦了,所以做成表格的形式,并且表单可以添加删除,并且有表单校验。效果如下。

2024-04-01 14:33:36 654

原创 echarts折线图月份数据不足自动补0和日期达到数据连续的效果

需求:查询一个月的数据,但是有些数据为0,后端没传,所以要前端进行操作,把没传的数据进行补0填充达到月数据完整效果。

2024-03-13 16:07:24 639

原创 vue手写卡片切换,并且点击获取到卡片信息

需求:做一个卡片样式的列表,之后有一些基本信息,之后卡片选中后样式不一样,默认选中第一个卡片,点击卡片后可以获取到卡片的信息。

2024-02-23 16:34:50 652

原创 el-table增加/编辑打开el-dialog内嵌套el-form,解决编辑重置表单不成功等问题

需求:在做表格的增删改查,其中新增和编辑弹窗都是同一个弹窗,之后有个重置按钮,需要用户输入的时候可以重置清空等。本文章解决如下问题1.就是在编辑数据回填后点击重置表单没有清空也没有报错2.解决清空表单和表格数据相互影响问题3.解决新增和编辑数据相互影响问题,保留了只添加数据暂存功能。

2024-02-22 11:21:00 859

原创 解决el-steps切换时el-form的动态表单报错Error: please transfer a valid prop path to form item

问题:在el-steps进行上一部下一步的切换的时候,不同步骤的表单内容不同,但是我发现在切换时动态表单校验的prop就会报错,网上看了很多方法依然还在报错,解决办法如下。原因是我之前切换判断用的是v-if,只需要把v-if换成v-show即可解决该问题。文章到此结束,希望对你有所帮助~

2024-01-26 15:13:59 507

原创 vue3+vite+ts实现qiankun微前端子应用

本文章只是使用vue3实现在vue2主应用程序下的子应用哈,主应用创建可以看我这篇。

2024-01-16 17:09:02 1056 2

原创 vue2使用qiankun微前端(跟着步骤走可实现)

比如现在的vue项目,是一个整体之后包含了多个模块(路由),之后多人开发的时候合并代码可能会造成代码冲突,打包也是全部代码一起打包。微前端解决了这个问题,由一个主应用程序(也就是基座)之后连接多个单独的子应用程序,每个子应用程序都是单独的,你用vue写商品管理,他用react写物流管理等都可以,不同的模块可以由不同的技术栈写。打包也是单独打包。比较方便。

2024-01-16 16:47:08 2052

原创 uniapp自定义顶部导航并解决打包成apk后getMenuButtonBoundingClientRect方法失效问题

需求:要在app上的顶部导航提示哪里添加一些东西进去,用uniapp自带的肯定不行啊,所以自定义了所有的页面的顶部导航,之后自定义后用手机调试发现 uni.getMenuButtonBoundingClientRect()这个方法的top获取不到....网上找了很多种方法才实现,记录一下。

2024-01-05 14:57:26 1005

原创 解决uniapp打包成apk后uni.getStorageSync获取不到值

uniapp写的项目,在hbuilderx中云打包成apk后我在登录存储的token死都获取不到,导致后续接口请求头没有token连接不到接口,试过了很多种方法,uni.getStorageSync、uni.setStorage和uni.getStorage进行存储、vuex还有全局变量...没一个成功的。但是在同一个页面进行存储和取值是可以实现。所以猜想是写法的问题。

2024-01-05 14:26:05 1190

原创 html-css-js使用axios和ajax获取接口并携带请求头+获取输入框或选择器内容

需求:使用axios或者Ajax获取接口,有些需要获取到输入框,或者选择器内容之后传给接口,也就是写了几种不同请求的方法,网上有很多方法,本文章算是个归纳吧。

2023-12-28 17:34:29 1207

原创 html-css-js移动端导航栏底部固定+i18n国际化全局

需求:要做一个移动端的仿照小程序的导航栏页面操作,但是这边加上了i18n国家化,由于页面切换的时候会导致国际化失效,所以写了这篇文章。

2023-12-28 14:06:40 964

原创 vue使用el-tag完成添加标签操作

需求:做一个添加标签的功能,点击添加后输入内容后回车可以添加,并且标签可以删除。

2023-12-15 16:03:17 1040

原创 vue2使用wangeditor实现手写输入

在components中添加myscriptMath.js。svg也就是个显示的图标,可以替换为其他。文章到此结束,希望对你所有帮助~

2023-12-11 15:08:13 484

原创 vue2使用wangeditor实现数学公式+富文本编辑器

​做一个带有数学公式的富文本编辑器,在网上看了很多,这个最合适,借鉴了wangEditor富文本编辑器这里面写的是v3的整合富文本编辑器,我照着上面改成了v2的,本文章主要是实现步骤和错误解决,源码我放在最后了,建议和讲解一起看~

2023-12-11 14:56:36 2234 2

原创 css鼠标横向滚动并且不展示滚动条几种方法

需求:实现内容超出之后使用属性滚轮进行左右查看超出内容,并且隐藏滚动条

2023-11-21 17:24:08 2089

原创 vue2使用el-tag自定义菜单导航标签

需求:使用el-tag写个菜单导航栏,点击路由的时候就添加。功能:设置鼠标横向滚动并且不展示滚动条添加关闭其他、关闭左侧、关闭右侧、全部关标签功能单个标签删除功能添加,固定标签不可删除右键点击展开操作菜单栏设置个默认固定的标签,比如首页点击标签后el-menu对应路由激活

2023-11-21 16:32:38 891

原创 vue使用websocket实现实时数据推送,发布订阅重连单点登录功能

需求:使用websocket不借助插件实现发布,订阅,网络断开重连,单点登录后挤号的功能。

2023-11-13 15:59:48 1895 1

原创 js编辑只取修改后的对象的属性和值

本文章操作就是在编辑完成后,只取编辑过的值传给后端,为编辑过的值不需要传。第一步:获取当前行数据,为对象:{},需求:在el-table的列表编辑操作后,第四步:请求后端接口。

2023-11-13 13:45:04 222

原创 el-table解决数据过少小于高度有留白的问题

问题:给el-table设置个高度,高度为500px,之后就添加如下4条数据,那么底部就没数据,直接就空白了,本文章就是为了解决这个问题,如果底部留白那么就添加几条空数据就行了.如果数据已达到高度了那么就不会留白了。

2023-11-13 11:25:16 983

原创 el-table动态增加列、行数据,俩种方法实现按需选择

表格数据过多的时候,需要实现动态选择数据的功能,有俩种方法可以按需选择,解决了表格动态选择时闪屏数据抖动问题。注意,这个添加数据是tableData原本就有的,我做的这个操作类似就是折叠选择展示原有的数据。根据选择值进行数据筛选,之后再和原有数据进行比对,最后把数据添加到表格数据中实现。使用了el-dropdown嵌套el-checkbox-group实现。:hide-on-click="false":点击菜单后不隐藏菜单。4.解决了el-dropdown-menu点击后自动关闭问题。

2023-10-31 11:22:54 2718

原创 echarts设置竖向不同区间范围颜色,并且x轴自定义轴线刻度范围

需求:设置竖向范围区间,不同范围区间颜色不同并且提示信息不同,之后修改x轴的固定间距范围,让0-200-400-600改为0-340-476-754这种,在这我是markLine的方式实现的,这边我还用到x轴的翻转所以显示的是镜像的。

2023-10-19 16:30:24 577

原创 vue2打包优化-小白也可快速上手的一套

需求:项目过大可以使用打包优化,减少项目体积,加速页面加载,增强用户体验,跟着步骤来即可实现,主要是vue2的打包优化,不是vue3,文章可能有点长,但是很实用哈哈,耐心看完~

2023-10-19 09:58:53 1504

原创 设置全局滚动条样式

需求:统一滚动条样式,不需要每次都要在页面一个一个的设置,整个项目只要内容超出了显示滚动条了就会是自己设置的那个滚动条样式显示

2023-10-12 10:36:02 286

原创 俩个el-select的联动选择

需求:1.有俩个select下拉框,之后左边选中后右边根据左边的选择自动选择内容2.右边自动选择之后可以取消。3.右侧的下拉框只能选中左侧下拉框的内容,左边没选中的右边也不能被选中4.左侧下拉添加全选功能5.左侧选择右侧没选择就把右侧数据清空

2023-10-11 09:23:19 1257

原创 To install them, you can run: npm install --save core-js/modules/es6.array.from core-js/modules/es6.

运行报错To install them, you can run: npm install --save core-js/modules/es6.array.from core-js/modules/es6.,下载完依赖运行一直给我提示这个错误之后还提示我下载什么vue-loader这些。

2023-10-08 11:28:58 554

原创 vue部分/所有内容全屏切换展示

需求:就是把一个页面的某一部分内容点击全屏操作按钮后全屏展示,并非所有内容全屏,所有内容的话那肯定就所有全屏展示啊,可以做切换。

2023-09-21 09:49:05 1511 2

原创 最简单的el-cascadert省市区三级/二级联动

​需求:需要实现省市区的三级联动或者二级联动的功能,找了半天找到这个最简单的插件实现,无需自己找json,直接下载导入就有了。插件地址:element-china-area-data - npm (npmjs.com)里面有使用方法,我就是跟着里面的方法写的,此贴就是记录贴。

2023-09-19 10:26:12 1010

原创 vue2使用vuedraggable实现拖拽删除添加重置功能

需求:要输入xx阶段,之后输入后显示但是要可以自己手动排序和删除,以免写错了,并且做了判断,如果重复输入的话会提示,不会让他添加,点击重置功能后一键清空所有输入。

2023-09-15 13:38:10 862

原创 vue2实现自定义主题webpack-theme-color-replacer

需求:根据element的自定义主题色,之后改变element的全局所有颜色,解决页面刷新后主题色失效问题,这个需要把颜色存入到浏览器的存储中,如果换个浏览器就得重新选择了哈,如果需要在不同的浏览器保持一致的主题,需要跟后端沟通。

2023-09-13 13:52:38 817 2

原创 vue全局使用sass变量

需求:框架需要使用scss,之后不想把很多重复的css一个一个写,就提取出来咯,到时候只需要更改scss文件就可以了,不用一个一个的找。

2023-09-12 16:03:55 745

原创 vue2配置环境变量并且nginx运行成功

需求:我在vue项目配置了生产环境和开发环境,之后通过proxy代理的方式把地址转发到真实的服务器地址上用于请求接口,之后把项目打包后上传到nginx上,之后接口报错404,但是本地运行是可以访问的,找了很久终于解决了故此记录下

2023-09-12 14:59:20 411

原创 el-date-picker自定义只能选中当前月份和半年内月份等

需求:el-date-picker只能选中当前月期和当前月期往前半年,其他时间就禁用了不让选择了,因为没数据哈哈。当然也可以选择往前一年等。

2023-09-01 16:59:39 1621

原创 统一使用某一个包管理工具,比如yarn pnpm

原因:前端每个人的习性不一样,有人用npm 有人用yarn等包管理工具,混合下载插件容易出bug,就用个小工具锁住就行了,只能使用yarn或者pnpm反向下载依赖和下载插件。不然就报错。

2023-08-30 14:19:48 784

原创 最简单vue获取当前地区天气--高德开放平台实现

之前就写过一版vue获取天气地区信息接口的,是根据腾讯位置服务,获取到当前为止信息,之后再去请求心知天气的api获取到当前天气信息。但是打包后有跨域的问题,修改也比较麻烦,故此这个版本放弃了,找了个最简单的,通过高德开放平台的地理位置信息去请求高德的天气接口实现,比之前的简单,故此记录一下。获取地理位置请求免费天气接口_请叫我欧皇i的博客-CSDN博客提示:以下是本篇文章正文内容,下面案例可供参考。

2023-08-29 15:27:35 4121 10

原创 el-table根据容器大小自适应滚动条-修改滚动条样式

需求:父容器里有多个容器为上下级,之后浏览器在缩放的时候,上面容器高度改变了,所以el-table被挤压,如果el-table设置的是固定的高度,那么挤压后内容超出父容器,本文章就是解决这个问题不自适应错误用法:浏览器伸缩挤压后元素超出了。

2023-08-18 14:07:56 1004

手淘插件可视化大屏自适应

使用echars开发的可视化大屏自适应,通过把浏览器分成多少等分达到自适应目的

2022-12-03

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除