- 博客(79)
- 收藏
- 关注
RSS订阅原创 在导入的时候如果出现excel里填写省市，用户随便填写的不是数组的格式的时候，回显怎么处理
直接在Cascader里包上input就可以，这样不管在新增里保存还是导入数据的话，都可以任意展示，不用每次都是[‘北京’，‘北京’，‘海淀’]这种格式。可以直接使用element的el-input 或者iview的Input结合及联选择器使用。
2025-03-19 16:59:06
93
原创 el-input 不可编辑，但是点击的时候出现弹窗/或其他操作面板，并且带可清除按钮
3.但是会有个问题就是el-input 不可点击加了:readonly="true"这个属性，此时清除效果就会失效。2.点击确定的时候，数值赋值到el-input的输入框,弹窗取消（this.定义的弹段字端 = false）1.@focus=“getFocus”鼠标聚焦的时候写个方法，弹窗起来。
2025-03-19 14:42:24
439
原创 实现echarts图形bar大小自适应
2.barMaxWidth（barMinWidth）:数据少的时候撑满整个图表很丑，可以自定义最大宽度或者最小宽度。
2025-02-18 16:44:52
140
原创 element-ui upload ，不使用action属性上传，设置action=“#“不管用
但如果auto-upload属性写为false，那么图片上传后就不会自动调用接口，响应的，on-success方法也不会调用，这时我们需要用 on-change方法。直接使用on-change方法，status的值为ready时，说明你在上传图片，然后把文件存起来，调用接口是传给后端就行了。upload是element-ui里的上传组件，默认上传图片后会直接调用action属性写的接口，然后把图片传过去。element-ui upload上传组件里的的属性auto-upload为false。
2025-02-11 16:18:38
406
原创 el-table隐藏表头
可以通过为el-table的表头添加一个特定的类，并使用CSS来隐藏它。通常，el-table的表头可以通过.el-table__header类来访问。
2025-01-03 09:12:09
308
原创 当vue项目打包的时候报错The code generator has deoptimised the styling of
当vue项目打包的时候报错以上信息的话，在。
2024-12-06 16:32:15
545
原创 element的el-table表格标题用css自定义是否必填,用添加伪类的方式标红色*
element的el-table表格标题用css自定义是否必填添加伪类红色。el-table组件的html部分。
2024-11-26 16:18:43
421
原创 echarts中饼图旁边的小方块legend区域取消控制饼图的默认点击事件，添加新的点击事件
console.log(“点击了legendselectchanged”,param)triggerEvent:true,//是否取消默认的点击事件。selectedMode:true, //点击事件。取消默认的点击改变饼图事件。
2024-11-13 15:16:51
545
原创 第七十三：echarts报错Cannot read properties of null (reading ‘getAttribute‘)的解决
如果引用echarts出现Cannot read properties of null (reading ‘getAttribute‘)
2024-09-06 09:47:33
268
转载 vue 如何判断一个数组包对象里面是否有某个字段
使用 Array.some() 方法可以判断一个数组中是否存在符合条件的元素（对象），可以结合对象的 hasOwnProperty() 方法判断是否包含某个字段。具体实现如下：其中，Array.some() 方法会循环遍历数组中的每个元素，并针对每个元素执行一个回调函数，判断是否符合条件。如果有符合条件的元素，即一个返回值为 true 的元素，整个方法就会返回 true 。如果所有元素都不符合条件，方法就会返回 false 。
2024-09-06 09:41:44
745
原创 第七十四：前端实现点击页面某个菜单跳转到对应的锚点功能
前端实现点击页面某个菜单跳转到对应的锚点功能 scrollIntoView方法，加上behavior:“smooth” 进行平滑滚动。
2024-08-19 11:28:25
255
原创 第七十三：如果引用echarts出现Cannot read properties of null (reading ‘getAttribute‘)
可能是因为父组件引用子组件（组件是echarts图标）解决办法：this.$nextTick。1.如果引用echarts出现。
2024-08-12 00:48:50
259
原创 第七十二：如何在vue项目中使用echarts
2.引入echarts import * as echarts from ‘echarts’1.在页面中定义Id命名或者class命名都可以。4.在mounted里，实例挂载后调用这个方法。3.在methods里边写方法进行配置图表。
2024-08-10 17:30:57
169
原创 store，mutations存数据在每个页面怎么调用...mapState([‘proDetail‘])
【代码】store，mutations存数据在每个页面怎么调用...mapState(['proDetail'])
2024-04-10 18:35:18
388
原创 第六十二：flex布局踩过的坑
其实最简单的方法就是去掉justify-content: space-between，一行想展示几个直接width:33.3%,因为我一行想展示3个,所以定义33.3%display:flex，加上了justify-content: space-between;
2024-04-03 14:25:31
332
原创 第六十一篇：ivew表格的render自定义渲染使用方法
自定义渲染列，使用 Vue 的 Render 函数。传入两个参数，第一个是 h，第二个为对象，包含 row、column 和 index，分别指当前行数据，当前列数据，当前行索引，详见示例。学习 Render 函数的内容。地址链接：https://www.cnblogs.com/wssdx/p/10644641.html。备注：这是我在网上看到的一个博主写的，写的很详细，大家有需要可以借鉴此博主写的。代码如下：因为我是要做在表格上展示多个上传后的附件。iview官网截图：使用介绍👇。
2024-03-13 09:42:53
360
原创 第五十九篇：把excel模版保存到文件夹里不走接口进行下载的方法
把excel保存到文件夹不走接口进行下载，一定要注意，需要放到public下的static文件夹下，如果没有static文件夹，就新建一个。不放在static文件夹下可能会报错，提示：无法从网站上提取文件（未发现下载文件）都准备完成之后，点击下载用以下方法：(必须是./static)否则找不到文件。
2024-02-21 14:52:32
211
原创 第五十七：两个数组，其中一个数组是数组对象格式，另一个数组是字符串
两个数组，其中一个是对象格式的数组，另一个是数组字符串，怎么对比拿到数组对象里和数组字符串相同文字内容的id。如果详情拿到的是字典的key值，转成文字如下：👇。
2024-02-20 15:05:46
149
原创 第五十六篇两个相同的表格删除相同id的对象数据
最后，不用掉表格的查询刷新接口（因为调用查询刷新接口的话，如果你新增的很多行内数据，并且没有走保存接口，只是在本地保存会直接刷新没的所以不用掉用，直接在表格里过滤删除操作就可以了）此问题是我在写表格中要加入可在行内编辑遇到的问题，当表格有本地数据也有数据库里返回的数据的话，怎么删除进行页面展示。**然后把带id的数据再掉用一下删除接口，真正的删除一下。过滤删除选中的数据，保留未删除的数据。这里是点击表格多选出来的数据。简单的写了一个例子：👇。
2024-02-19 16:46:22
207
原创 第五十四篇：运行项目报错sh: vue-cli-service: command not found
注：改vue/cli-service直接在package手动更改就行，然后删除node包和package-lock，重新npm i,如果在这一步有指定的某个包版本，那就先下载npm install 包名@版本号，现下载指定的包，然后再npm i。注意⚠️：需要先下载项目上给的指定版本的包之后，再下载node包，如果先下载node包，再下载指定的版本可能会报错（避免一下）
2024-01-30 09:34:36
934
原创 第五十三篇：数组取对象里的id转换成字符串，调用批量删除接口
过滤空字符串,生成新的数组转换成字符串。数组里的数据有的带id有的不带id。没有id存到数组里是空字符串，提取数据带有id的id值，
2024-01-26 14:29:58
173
原创 第五十一篇：数组里对象排序
document.getElementsByClassName(“el-pagination__jump”)[0].childNodes[0].nodeValue = “跳转”;
2024-01-26 14:08:24
141
原创 第五十篇：接手别人的项目如果分页改配置了可以在mounted里边更改
document.getElementsByClassName(“el-pagination__jump”)[0].childNodes[0].nodeValue = “跳转”;
2024-01-26 14:04:45
102
原创 第四十九篇：接手别人的项目如果分页改配置了可以在mounted里边更改
document.getElementsByClassName(“el-pagination__jump”)[0].childNodes[0].nodeValue = “跳转”;
2024-01-18 18:18:57
353
原创 第四十八篇：element UI 表格套表格或者单表格右侧多出来一块怎么解决
解决办法：不要每项都设置宽度，有一项或者多余一项不设置宽度就能解决，或者 widht 改成 min-width。问题如下：用element el-table最右侧多出来一块。
2024-01-18 10:25:17
902
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人