自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(48)
  • 收藏
  • 关注

原创 使用el-select只能选中最后一项,且options全部是选中状态

把key值换为不同的值就好了,很细小的问题,但是很容易疏忽.经过盘查,发现是key值重复了。

2024-08-23 09:35:13 96

原创 Vue3+vite+ts 项目使用mockjs

login.ts的内容。

2024-08-14 20:05:25 426

原创 单个一元数组去重的简单方法

这种方法通过两层循环来比较和删除重复的元素,虽然效率不如前面提到的方法,但在一些简单的场景下仍然可以使用。reduce()方法可以将数组元素组合成一个新值,我们可以利用它来创建一个没有重复元素的数组。这种方法通过遍历数组,并使用indexOf()检查当前元素是否首次出现来实现去重。Map对象允许你存储键值对,并且键是唯一的。我们可以利用这个特性去除重复元素。

2024-08-06 09:17:52 149

原创 form表单提示语切换表单信息的时候,表单校验提示语没跟着切换

中 form-item 元素没有唯一标识,组件内部会误以为是同一个元素,导致切换时触发校验,提示语位置错乱。标签中添加相应的key,保证key的唯一性,即可解决。

2024-07-04 09:13:52 235

原创 v-if/v-show 切换页面后回到顶部位置

使用,window.scroll(0,0)

2024-07-03 16:41:29 128

原创 window.print()页面打印

1.打印整个页面,直接调用window.print()方法。3.或者给需要打印的区域最外层添加div,加id。2.打印页面的一部分内容。

2024-07-03 15:36:51 171

原创 Element-UI之table 合计行在滚动条下方的解决办法

添加如上样式就可以,

2024-06-26 16:31:28 357

原创 二层弹出框,点掉小弹出框后,遮罩层没有消失

父元素的vue实例对象的,最后一个元素删除。删除的就是遮罩层元素。

2024-06-14 17:26:17 408

原创 表格跨页勾选

【代码】表格跨页勾选。

2024-06-10 19:44:59 125

原创 封装好的form组件

【代码】封装好的form组件,存一下。

2024-06-10 19:41:06 88

原创 封装好的table组件

【代码】封装好的table组件,存一下。

2024-06-10 19:40:20 122

原创 助力高考,一组彩色的文字

在CSS中,使用-webkit-text-stroke-width和-webkit-text-stroke-color为文本添加描边效果,使用text-shadow添加阴影效果,增强文本的视觉效果。通过setInterval函数,changeColorSequentially和applyRandomTransform函数被定期调用,使得颜色和变换效果持续发生,创建动态变化的效果。元素的颜色,每次只改变一个字符的颜色,并在颜色变化时保持顺序感。然后,它遍历文本的每个字符,为每个字符创建一个新的。

2024-06-10 19:30:26 576

原创 element ui表格动态合并方法

2.还方法可以选择从哪一列开始合并,或者像目录一样从前往后合并。1. 这种方法适合所有合并项全部在一起的。懒得上代码直接截图了。

2024-05-21 15:44:07 646

原创 前端制作放大镜特效

【代码】前端制作放大镜特效。

2024-05-21 13:55:29 141

原创 Echarts折线图,x轴坐标显示不全,会缺失一部分

然后,通过调整fontSize属性,我们可以控制标签的字体大小,以适应不同的图表尺寸和显示需求。需要注意的是,当数据量很大时,将interval设置为0可能会导致图表过于拥挤,影响可读性。data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'], // 这里是示例数据,实际使用中应为你的数据。data: [820, 932, 901, 934, 1290, 1330, 1320], // 这里是示例数据,实际使用中应为你的数据。

2024-05-17 09:01:09 1367

原创 后端返回的值有换行符号,前端显示

1,修改样式.sqlcss{2.正则替换<div class="sqlcss" v-html="xxxx.replace(/\r\n/g, '<br>')"></div>

2024-05-14 11:06:19 271

原创 xy+20240511+001 自动生成表格序号

padString(可选):用于填充当前 str 的字符串。如果 padString 太长,无法适应 targetLength,则会从末尾被截断。padStart(targetLength, padString):用另一个字符串填充当前字符串(如果需要会重复填充),直到达到给定的长度。填充是从当前字符串的开头开始的。最后返回一个新的字符串。targetLength:当前 str 填充后的长度。如果该值小于或等于 str.length,则会直接返回当前 str。

2024-05-11 11:32:59 207

原创 价格中间加横杠

【代码】价格中间加横杠。

2024-05-11 11:26:00 166

原创 input 输入框限制数字,并且只能输入正数,保留两位小数

【代码】input 输入框限制数字,并且只能输入正数,保留两位小数。

2024-04-27 20:05:30 257

原创 foreach循环后,循环结果中每条tableData都相同的问题

foreach循环中。给每一个tableData都赋值为tableData1,循环结束后,每条数据的tableData都相同了,是因为赋值的是对象,每条数据都用了同一个,指向同一个地址。最后循环后的数据相同了。

2024-03-28 14:16:45 450

原创 elementui弹出框被遮罩层挡住的问题

2,:modal-append-to-body='false'或者:append-to-body='true',改变他的这个属性就好。但是遮罩层的范围会变。1,el-dialog直接放在组件最外层div中,就不会出现遮罩问题。偶然发现有个页面会出现这种问题,有两个解决方法。

2024-03-28 14:10:29 924

原创 表格第一列式复选框的置灰显示,selectable

有些时候表格的第一列,复选框会被要求置灰。我们的组件库类似于elementui,其中有个属性是selectable会返回一个函数的返回值来决定是否置灰。

2024-03-12 15:04:40 450

原创 forEach是并发执行

2.页面用的数据循环后生成的接口内容,报找不到undefined,循环结束,打印有值,页面上还是报undefined.(1.在循环开头就给金额和undefined赋值,2.在页面上使用v-if,等有值的时候再显示)回显代下单时,在forEach中用了async 和await,数据结构有些是在循环中生成的。1.金额输入框默认是number类型,数据初始化还没完成,报错了。data中赋值0,解决。结果循环还没有结束,页面上就有报错了。

2024-03-08 17:20:39 403

原创 v-show 外层还是v-show,ref找不到元素

在一个弹出框里面,有个附件显示,在某些情况下是不显示的用的v-show来控制,回显附件的时候,用ref没有找到该元素。第二次再打开弹出框,ref就有了。

2024-03-08 17:15:02 428

原创 多次使用事件车$Bus,连续三次以上,$on接受失效问题

经过两个小时的反复复现和测试问题,发现每次下单后都会跳转到订单中心,然后再点击购物车列表进行下单,和路由跳转有关系。然后跳别的页面没事,就是和跳的那个页面有关系。页面里面也有接受别的事件车,在destoryed里面用到了this.$Bus.$of(),没有指定销毁哪个事件,所以把下单跳转过来刷新购物车数量的事件车给销毁了。其实还是小问题,this.$Bus.$of('renewTabs'),指定销毁的事件就好了。这样就不会误销毁别的事件车了。最近在做下单时,连续三次下单,发现后购物车数量不刷新问题。

2024-03-03 14:46:15 423

原创 过长页面导航页签,点击跳转到对应的锚点

【代码】过长页面导航页签,点击跳转到对应的锚点。

2024-02-29 20:42:17 401

原创 把一个list按照每5个分组,返回一个新的大list

【代码】把一个list按照每5个分组,返回一个新的大list。

2024-02-27 15:31:39 489

原创 怎么判断是否为json对象,而不是字符串

由于如果是字符串的话 typeof JSON.parse(data)=='object' 会报错,所以用try catch,抛错的就是字符串。

2024-02-27 15:12:45 426

原创 加载图片多个异步处理

商城下单协议图片的显示,需要连个异步接口才能查询出来,并且循环的是一个list,赋值的是另一个结构的list,两者之前是深拷贝,不能浅拷贝有相互影响。async 和await 也解决不了问题,后来发现在获取到图片路径的时候,再次给需要的list赋值一次就好了。

2024-02-27 13:45:35 333

原创 el-tree机构树最后一级出现加载图标,取消不掉

仔细排查过后,发现是因为懒加载,加载最后一级的时候逻辑出现了错误。没有下一级了,children.forEach出现错误,null没有forEach这个方法,所以卡住了,然后最后一级一直显示加载中的图标。最近一直在修改机构树,测试反馈说,机构树最后一级一直显示一个图标,问是怎么回事。

2024-02-27 11:15:58 545

原创 把一个数组对象,按照对象的一个属性或者多个属性进行分组

需求,购物车列表要按照,本人商品和代下单商品分类,然后再按照供应商分组。其中代下单商品还要先按照,下单人,选购人,部门,收货地址,责任中心分组,有一项不同就分一个组。分组太多了,写了一个方法,用到了reduce。

2024-02-24 15:03:40 487

原创 javascript怎么判断两个数组是否有重复的元素

/ false。

2024-02-23 10:11:05 455

原创 vue2数据嵌套过深,导致页面数据不刷新的问题

如果是多层嵌套的对象和数组,在用$set ,$forceUpdate ,assign ,的时候视图刷新失败。找到几个方法可以解决。2.使用 :key="getItem" getItem=new Date().getItem()刷新的时候 getItem=new Date().getItem()+1来进行视图的刷新。1.使用v-if 进行数据刷新。

2024-02-23 10:08:27 830

原创 null.toString()报错

可以使用string()这个方法,对于其他类型的转换相当于使用toString()方法,而对于unll和undefined,会转化为'null'和'undefined'null和undefined是没有这个方法的。

2024-02-20 11:15:58 838

原创 p span标签,英文字母数字不换行问题

如果是中文会自动换行,英文字母数字不换行。加一个属性就可以了,word-break: break-word。可以使得数字、英文自动换行。

2024-02-03 16:05:24 625

原创 详情页打开,页面定位在中间部分,不定位在头部

2,供应商端,一方面有富文本自动获取焦点的影响,另一方面页面之前跳转是通过父子组件跳转的,用的v-show。所有的按钮都在头部header上,页面滑动到一半,也可以直接返回列表页,再次进去详情页,页面浏览位置还是刚才的。最近测试提了一个问题,详情页有头部有一列标签,点击可以跳转到页面的锚点。采购端和供应商端,都出现了同样的问题。最后才知道了问题的原因。1.采购端,页面有富文本编辑器,每次进去后会自动获取焦点,屏蔽掉就好了。最后把v-show换成v-if就好了。

2024-02-03 09:55:11 416

原创 vue项目中给div加点击事件,不生效

首先查看,样式重有没有,position,relative, absolute,这样的属性。如果没有找到的话,就到上一级,上上一级父元素中寻找🧐,。把本div的,z–index的层级升高,就可以生效了。

2024-01-03 19:51:01 1413

原创 css画平行四边形,六边形

这几天在做全流程看板,改了三个版本,这个第三个的原型图。没想到是多边形,并且要带边框的,只能重画了。

2023-09-06 19:45:17 662

原创 cd切换目录

3. 返回到上一次所在目录。2.进入到上一级所在目录。

2023-09-04 20:16:22 320

原创 js清除两个数组相同数据(js两个数组对比 去除相同项得到新数组)

方法1:方法2:if (!})

2023-08-22 19:26:24 1049

空空如也

空空如也

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

TA关注的人

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