自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 抽离dialog

【代码】抽离dialog。

2025-04-02 10:12:33 42

原创 vue3:el-collapse折叠面板怎么实现箭头在左侧,且箭头同一行有两个按钮,折叠面板展开和收缩按钮都和箭头在同一行位置不变

这样我们就将右侧的文字替换成了按钮,且这时候我们点击折叠面板的收缩展开箭头右侧的按钮也不会移动位置,还是在箭头的右侧,同时我们添加了@click.stop我们点击按钮也不会事件冒泡到下面的折叠面板。elementplus折叠面板组件怎么让箭头在最左侧,且箭头右侧有两个按钮,展开和收缩的过程中右侧的两个按钮位置不会改变仍然和箭头在同一行?对标题部分设置为slot自定义,外层包裹一个自定义类。

2025-04-02 10:12:06 47

原创 v-model=‘xxx‘和v-model:visible=‘xxx‘有什么区别

v-model='xxx'和v-model:visible='xxx'有什么区别。

2025-02-28 16:32:43 405

原创 <el-select multiple>直接写上multiple就是设置了允许多选是吗?不需要写multiple=‘true‘是吗

el-select v-model="selectedValues" multiple placeholder="Select">直接写上multiple就是设置了允许多选是吗?不需要写multiple='true'是吗。是的,在 Element Plus 的。属性就表示启用了多选功能。

2025-02-28 16:30:36 110

原创 实现:div要判断显示隐藏需要判断xxx.length >= 1 同时需要满足xxx数组里面的至少一个元素的isDeleted 是0不是1,显示这个div元素否则不显示?

我有一个逻辑要实现:一个div要判断显示隐藏需要判断commentList.length >= 1 同时需要满足commentList数组里面的至少一个元素的isDeleted 是0不是1,或者满足noMore = true的时候,显示这个div元素否则不显示。指令来实现这个逻辑。你需要在模板中使用一个计算属性或方法来判断是否显示。这样就可以实现你所描述的逻辑。

2025-02-26 18:20:52 253

原创 js:根据后端返回的数组取出每一个数组的keyword字段然后拼接成一个逗号分隔的字符串

但是但我选择多个下拉框选项后,后端需要前端返回的数据tagIds字段需要时一个字符串,比方:'132sf32fasdfaf,132sf32fasdfaf,132sf32fasdfaf'这样的字符串,中间逗号要是英文的逗号请问怎么写?我使用的是vue3的setup语法。是一个字符串而不是数组,那么你需要先将其转换为数组,然后再进行处理。方法中,我们将数组转换为用英文逗号分隔的字符串,并将其赋值给。事件来监听选项的变化,然后将选中的选项的。这样就可以正确地拼接用户选择的选项的。在这个示例中,我们将。

2025-02-26 17:39:43 438

原创 elementui:element中el-dialog点击关闭按钮清除里面的内容和验证

在el-form中设置:before-close='取消的回调函数'就可以了。element中el-dialog点击关闭按钮清除里面的内容和验证。

2025-02-13 17:51:26 764

原创 elementui: el-dialog的关闭叉子怎么修改svg?

el-dialog的关闭叉子怎么修改svg?

2025-02-13 17:46:25 112

原创 elementui: el-dialog的header设置样式不生效

style></style>中如果不添加scope,则其中的样式会在所有页面生效,所以务必给该el-dialog添加一个全局都不会重复的类名或者Id属性。如上:我想给header插槽增加下边框,并且想改变el-dialog__body盒子的内边距,但是不生效。el-dialog的header设置样式不生效。

2025-02-13 17:42:33 689

原创 git:cannot pull with rebase: youhave unstaged changes please commit or stash them

问:

2025-02-11 17:51:15 114

原创 vue3:一步接口请求数据后点击按钮却无法打印请求的数据

【代码】vue3:一步接口请求数据后点击按钮却无法打印请求的数据。

2025-02-11 17:49:40 578

原创 vue3: const一个function怎么写呢?

用ref或者reactive定一个一个const refCharts= ref(function xxx (config){ xxxxx,xxxxx xxxx,xxxx })请问怎么写?

2025-02-11 17:40:05 522

原创 vue3:动态渲染后端返回的图片

这里我用css设置了他的背景图片,但是现在我希望改为后端返回的图片,怎么写?

2025-02-11 15:22:46 348

原创 vue3:取数据

通过paelData.cardMap.C0002112可以获取到Cooo2112里面的数据,但是有时候接口返回的不是C0002112而是C0002093或者其他值,请问我该怎么写?

2025-02-11 15:14:04 221

原创 git:执行git add . 后出现warning : in the working copy of ‘xxxxx.vue‘, LF will be replaced by CRLF the nex

执行git add . 后出现warning : in the working copy of 'xxxxx.vue', LF will be replaced by CRLF the next tijme Git touches it。面对这样的提示直接忽略即可。

2025-02-11 14:55:47 573

原创 vue3:template中v-for循环遍历这个centrerTopdata,我希望自循环前面三个就可以了怎么写?

template中v-for循环遍历这个centrerTopdata,我希望自循环前面三个就可以了怎么写?div class=‘left-png-${index}’这个写对吗?

2025-02-11 14:53:35 246

原创 vue3: 通过template解析渲染

这样可以,现在我希望将data.text颜色改为蓝色 dat.num和data.unit丝柏舍我现在代码是这样的<el-tabs v-model="activeName" @tab-click="handleClick"></el-tabs>在我希望将data.text颜色改为蓝色 dat.num和data.unit是白色,不要修改html请问怎么写?-- 你可以在这里添加其他内容,或者保持为空 -->

2025-02-11 14:37:35 171

原创 vue3:template中slot的使用规则

/el-tabs>这是我的类似代码,现在我写的span slot='label'slot下面有红色波浪线:slot attributes are deprecated。

2025-02-08 18:27:46 319

原创 css:怎么设置图片不变形

main元素中有一个img元素,这个img src=‘@/assets/images/tupian.png’css设置了img元素width:50% height:50%但是图片变形了,我应该怎么设置保持图片样式不变形。

2025-02-08 18:16:00 469

原创 vue3:点击子组件进行父子通信

子组件怎么和爷爷组件通信。

2025-02-08 18:05:56 262

原创 layui组件库的年份选择器怎么设置区间超过区间不可点击

layui组件库的年份选择器怎么设置区间超过区间的不可点击?还是不行,这样设置时间停留在了2030年,无法点击其他年份。设置日期的时候需要明确写上日期,否则无法生效。

2025-02-08 14:44:51 185

原创 js: 怎么区分item.num = ‘-‘、null或者是‘23‘

怎么区分item.num = '-'或者是'23'

2025-01-21 10:40:01 141

原创 ts:怎么给箭头函数的参数指定类型

{dataDialogListCenter,dialogTitle}这一行下划线红色提示:binding element 'dataDialogListCenter' implicityly has an any type。我希望指定{dataDialogListCenter,dialogTitle}为<Record<string,any>>怎么指定?

2025-01-21 10:35:36 145

原创 vue3组件传值具体使用

left.vue文件调用接口获取了后端返回的urlLink字段,我该怎么传递给总的父组件index.vue中,我需要点击父组件的一个按钮来触发跳转?

2025-01-21 10:18:22 312

原创 现在有一个数组:let arr = [‘xxx@mail.com‘,‘xxx@mail.com‘,‘xxx@mail.com‘,‘xxx@mail.com‘]我现在获取当前用户的email是否有权限?

现在有一个数组:let arr = ['xxx@mail.com','xxx@mail.com','xxx@mail.com','xxx@mail.com','xxx@mail.com'],我现在可以获取到当前用户的email,我需要将当前用户的email对照arr中,是否有这个email,有的话点击按钮可以跳转,当前用户email不存在arr就不可以跳转.indexOf方法最终有,就会返回找到的元素的下标,最终找不到就会返回-1,不会返回布尔值。因此,检查一个元素是否存在于数组中的常见方法是比较。

2025-01-17 11:04:45 309

原创 js:跳转页面但不打开新的网页,就在当前的网页进行跳转,在跳转后点击按钮返回可以返回。

问:js:跳转页面但不打开新的网页,就在当前的网页进行跳转,在跳转后点击按钮返回可以返回。回答:使用 window.location.assign() 跳转到新页面,保留当前页面的历史记录:例如:1。

2025-01-17 09:54:21 217

原创 git: warning skipped perviously applied commit e1a88adf

这意味着我们可以不做修改,因为结尾已经提示成功rebase 了dev分支的代码进入feture分支。git报错怎么解决?

2025-01-17 09:43:05 291

原创 js: 区分后端返回数字是否为null、‘-’ 或正常number类型数字。

{{item.num}}显示。{{item.num}}

2025-01-16 10:20:41 389

原创 js::key=‘new Date()‘和:key=‘+new Date()‘有什么区别?

key='new Date()'和:key='+new Date()'有什么区别?

2025-01-13 10:26:45 216

原创 怎么关chrome的自动更新

怎么关chrome的自动更新。

2025-01-13 10:09:10 1781

原创 vue3: v-for has invalid expression

【代码】vue3: v-for has invalid expression。

2025-01-13 09:42:18 120

原创 vue3: const { data } = props; data有红线提示:getting a value from the props in root scope of <script setu

data有红线提示:getting a value from the props in root scope of <script setup> will cause the value to lose reactivity。出现报错:expected to return a value in computed function。这里我不希望有什么按钮,而是希望自动将后端返回的数据的最后一个进行删除。

2025-01-11 20:41:36 403

原创 :maxTextWidth=“maxTextWidth“下滑红线报错,attribute ‘:maxTextWidth‘ must be hyphenated , maxTextWidth:numbe

报错了: :maxTextWidth="maxTextWidth"下滑红线报错,attribute ':maxTextWidth' must be hyphenated , maxTextWidth:number。

2025-01-11 19:32:51 178

原创 js:根据后端返回数据的最大值进行计算然后设置这个最大值为百分之百,其他的值除这个最大值

{text:'人力',percentage:‘90’},{text:'物品',percentage:‘20’},{text:'物理',percentage:‘50’},{text:'服务',percentage:‘40’},{text:'操作',percentage:‘80’},]我希望在希望找到里面percentage最大的值然后存储起来。{ text: '物品', percentage: '20',percentageWidthNum:'20%' },

2025-01-11 19:25:15 555

原创 echarts:dataZoom属性横向滚动条拖拽不生效

echarts报错: var pointerOption = pointerShapeBuilder[axisPointerType](axis,pixeValue,otherExtent),(axis,pixeValue,otherExtent)下划线红色报错: uncaught TypeError:pointerShapeBuilder[axisPointerType] is not a funtion。设置这个属性后就可以正常拖拽。

2025-01-11 18:51:43 406

原创 git: hint:use --reapply-cherry-picks to include skipped commits

successfully rebased and updated refs/head/feature/xxxx项目名/分支。

2025-01-11 18:23:06 498

原创 echarts: 双柱柱状图同时两侧双y轴问题

现在又有一个问题:echarts双柱柱状图,同时左侧的y轴有刻度,右侧的y轴也有刻度,双y轴,y轴每一个刻度都对应虚线,这时候会有一个问题,左侧的y轴的虚线和右侧y轴的虚线没对应,我们设置了五个虚线,但是由于两侧的y轴虚线没有对应出现了交错的现象,左侧y轴刻度五个是我们设置的,右侧y轴可的确是四个,最终是十条虚线,这时候有横向的滚动条,拖拽滚动条到最右侧后,又正常了。

2025-01-11 18:18:38 340

原创 el-tab-pane 的label怎么显示很多数据

el-tab-pane 的label怎么显示很多数据。

2025-01-11 18:13:01 215

原创 vue3: v-for循环中上下两个元素,点击tab进行切换都可以切换,唯独中间的元素点击tab进行切换的时候不能更新,即使后端返回的数据改变了点击tab后元素数据也不能改变,只有点击中间的元素才能改

这是我的代码,现在点击上面的el-tabs,请求接口,下面的元素应该都渲染成接口返回的数据,但是现在的情况是点击最上层tabs切换,中间的 el-tab-pane后端数据改变了但是元素中数据还是老样子,需要点击一下el-tab-pane才能改变,下面的el-tabs是可以正常跟随改变的只有中间的有问题。v-for循环中上下两个元素,点击tab进行切换都可以切换,唯独中间的元素点击tab进行切换的时候不能更新,即使后端返回的数据改变了点击tab后元素数据也不能改变,只有点击中间的元素才能改,请问为什么?

2024-12-30 09:46:35 221

原创 git add . 后:warning : in the working copy of, LF will be replaced by CRLF the next tijme Git touches

git add . 后:warning : in the working copy of, LF will be replaced by CRLF the next tijme Git touches it。所以我能接着这个警告 git commit -m 'xxx'吗?这个警告会对代码造成影响吗。

2024-12-12 16:35:10 1536

setup asdfasfd

setup asdfasfd

2024-06-18

js扭蛋机基础代码有图片和代码

实现了点击的动画,如果后续有自己的想法可以更加完善,或根据项目需求进行变更,目前代码实现了基本的扭蛋机功能,可以直接放在项目中使用

2023-04-11

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

TA关注的人

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