- 博客(13)
- 收藏
- 关注
RSS订阅
原创 element ui的单选框更改点击后的颜色（单选框的fill属性失效）
关于在element ui的单选框更改点击后的颜色的css 或者scss实现，主要的原因是小哥我今天在使用element UI的时候，发现单选框的那个fill属性没有效果，这让我很郁闷，由于之前的全局样式是定义了紫色，但是UI设计的网页在点击后是绿色，这就需要自己抛开fill属性，自己原生css写样式。主要的解决思路1.在element UI中所使用的的组件最后在生成网页的时候是会自动生成很多...
2019-12-13 17:15:46
5812
1
原创 react jest单元测试出现错误connect ECONNREFUSED 127.0.0.1:80
背景：最近负责一个公司的开源项目，由于要求代码覆盖率达到95%，而接受项目的时候是96%，意味之我有1%的空间。。。问题描述：1.在写了一些单元测试的时候，发现在跑test命令的时候出现了下图的错误console.error node_modules/@testing-library/react/dist/act-compat.js:52 Error: Error: connect ECONNREFUSED 127.0.0.1:80 at Object.dispatch
2021-08-03 15:31:35
2525
原创 ant desigen表单的label文字过长，怎么换行？
背景：今日负责公司的项目的国际化，到目前已经完成，但是发现替换成英文后，form的一些英文的label变得很长被遮挡样式：解决办法：要是想在全局解决就使用组件的样式覆盖代码如下： .ant-form-item-label { display: flex; justify-content: flex-end; line-height: 16px; //这个数值视具体情况而定 label { //这是关键 .
2021-07-07 13:47:29
10119
原创 element 表单验证会直接跳过但不报错的解决办法
背景公司的一个页面中有这样的需求，一共四个表单，一个提交按钮，点击提交按钮，四个表单验证后提交问题第二个表单的验证没有执行，debugger时发现执行到 this.$refs[formName].validate((valid) => {}）这个方法的时候就直接跳出了这个方法解决办法经过排查发现第二个表单的某个子项的自定义验证的callback逻辑有缺陷，因为在element中自定义的验证规定最后必须走callback（）函数，但是那个子项中有一种情况会走不到callback（），就导致va
2021-02-03 18:44:28
1097
1
原创 echarts的饼图label标签重叠解决办法
未使用formatter，不使用formatter的情况下label重叠主要是没有设置第一步：调整文字的显示大小，字越小就越不会重叠第二步：设置最小扇区角度，minAngle（最小的扇区角度（0 ~ 360），用于防止某个值过小导致扇区太小影响交互）第三步：avoidLabelOverlap（是否启用防止标签重叠策略，默认默认开启，默认是true ，可以不设置，但是不能设置成false）使用了formatter使用了formatter的情况下重叠的情况有这种情况一般是因为在series..
2021-01-14 11:55:52
15062
2
原创 关于滚动条 scroll 的所有知识文章汇总
本人之前在公司的项目中需要深入了解scroll，于是网上找了很多资料，现在和大家分享一下，我也算是一个引路人啊关于scroll的css样式调整和隐藏滚动条点击这里跳转就好了关于scroll的一些js操作（移动、获取高度等）点击这里跳转...
2021-01-07 16:21:31
155
原创 vue element UI常遇到的bug
表单的重置方法无效表单的重置方法无效的原因有两个1.是表单没有加ref属性，这样element的js没法获取到表单的内容就无法重置2.表单中的表单项el-form-item没有添加prop属性，prop属性需要与input框绑定的属性一致，prop属性不止是在做表单验证的时候要加，只要涉及表单操作都要加，主要是让js可以识别每一个不同的表单项的功能3.需要注意的是，resetField方法是将表单的重置为初始值，而不是改成没有值，或者是0等表单的表格的每一列控制其显隐都是使用v-if的..
2021-01-04 11:54:20
766
原创 nextjs9.3版本配置使用less和配置使用antd和less
由于nextjs在9.3版本是默认可以使用sass和css，但是不可以使用less所有我写了这个配置的文件，希望可以帮大家了解1.nextjs和less1.下载的包，图片的红的框框的2.next.config.js/* eslint-disable */const withAntdLess = require('next-plugin-antd-less');module.exports = withAntdLess({ // lessVarsFilePath: './src/style
2020-12-23 22:59:50
2250
1
转载 分享一篇关于js的执行顺序和事件队列的文章
分享一篇关于js的执行顺序和事件队列的文章前言The last time, I have learned【THE LAST TIME】一直是我想写的一个系列，旨在厚积薄发，重温前端。也是给自己的查缺补漏和技术分享。欢迎大家多多评论指点吐槽。图片首先我们需要声明下，JavaScript 的执行和运行是两个不同概念的，执行，一般依赖于环境，比如 node、浏览器、Ringo 等， JavaScript 在不同环境下的执行机制可能并不相同。而今天我们要讨论的 Event Loop 就是 JavaSc
2020-12-23 10:19:12
204
原创 控制echarts图表的显示和隐藏 vue背景
控制echarts图图表的显示和隐藏是今天的一个小任务引发的问题，先说一下需求的背景吧具体需求就是点击按钮1，内容区域显示echarts表格，点击按钮2，内容区域显示其他内容我一开始使用v-if去控制的，结果发现内容区域的echarts图标并没有消失掉所以我经过一番了解，主要是打算使用v-show配合nextTick来控制就这样就行了 要是有什么不懂可以私信我...
2020-10-10 17:04:09
2835
6
原创 element table表格组件的控制列、按钮的显隐，以及列的乱序问题
element table表格组件的控制列、按钮的显隐，以及列的乱序问题1.关于控制table的按钮的显隐element的table的按钮的显隐应该使用 v-show 不可以使用v-if,因为v-if会导致按钮显示不全的问题2.关于控制table的列的显隐问题element的table的列的显隐必须使用 v-if，使用v-show是没有效果的，当你的列很多时，可以使用div将列包裹起来...
2020-04-18 16:21:03
1104
原创 关于用element UI 的upload上传文件时的一些问题总结
关于用element UI 的upload上传文件时的一些问题总结1. 前提：作为前端文件上传的前提就是后端将接口给到你，同时后端应该解决跨域的问题（ps：跨域的问题是前后端都存在的，使用浏览器的话就会有跨域的问题，尤其是现在前后端分离的情况下，调试的时候会有跨域的问题的）。其次就是你们要确定好请求的类型，文件的传输不同于传输字段,字段的传输一般json就好了，但是文件是有特定的传输类型的。说...
2020-01-10 11:18:17
5355
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人