自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 css:整句话看成一个单词换行了

整句话看成一句单词换行了。

2025-05-28 16:52:36 374

原创 <el-upload当点击上传弹出一个弹框让用户选择图片的时候,是否可以定义图片的类型

属性来定义允许用户选择的图片类型。这个属性可以帮助你在文件选择对话框中仅显示特定类型的文件,从而提升用户体验。你可以在该函数内根据文件的mime类型或扩展名做进一步检查。<el-upload当点击上传弹出一个弹框让用户选择图片的时候,是否可以定义图片的类型。这意味着当用户点击上传按钮弹出文件选择对话框时,他们只能看到并选择这些类型的文件。此外,如果你还想在前端对上传的文件类型进行进一步的验证,可以使用。这是一个接收即将上传的文件作为参数的函数,返回。指定了可以选择的图片类型为。组件时,你可以通过设置。

2025-05-15 14:30:03 230

原创 vue3:我需要看defineProps的底层源码,同时帮我实现一个类似的函数我需要在浏览器控制台运行熟悉他的逻辑。

内容说明函数名已从改为参数支持支持数组和对象两种形式返回值返回一个类 props 对象,支持.propName访问只读性使用Proxy禁止修改 props模拟能力能模拟基本结构和默认值行为,但不包含响应式逻辑如果你希望进一步模拟 Vue 的响应式机制(比如reactiveref),我可以继续为你扩展这个示例。是否需要?😊。

2025-05-12 10:16:17 295

原创 vue3:const props = defineProps([‘foo‘])

问题回答为什么必须用['foo']而不是'foo'?因为 Vue 编译器只接受数组或对象形式的 props 声明是函数吗?不是,它是 Vue 的编译时宏,不在运行时真实存在底层怎么处理?编译器会把['foo']转换成的对象形式可以传字符串吗?❌ 不可以,会报错或无效推荐哪种写法?✅ 推荐使用对象形式,更清晰且可做类型检查如果你想了解在 TypeScript 下如何使用(比如配合),我也可以继续为你讲解 😊。

2025-05-12 09:38:37 343

原创 component :is是什么?

项目内容是什么?Vue 提供的内置组件,用于动态渲染不同组件是不是就不需要自己创建组件了?❌ 不是,你依然需要自己定义和注册组件和v-ifv-show的区别?更适合动态、复杂组件切换;支持缓存什么时候用它?组件数量多、需要动态决定显示哪个组件、需要缓存组件状态等场景如果你正在做一个 Tab 切换系统、或者想让页面根据某种逻辑显示不同的组件,那么就是你需要的工具。是否还需要我帮你写一个完整的 Tab 切换示例?😊。

2025-05-09 14:51:53 1005

原创 自主独立思考,帮我创造新的方法:vue3 script setup语法中,组件传递值我觉得有些复杂,帮我创造一种简单的方法容易写的方法?

自主独立思考,帮我创造新的方法:vue3 script setup语法中,组件传递值我觉得有些复杂,帮我创造一种简单的方法容易写的方法?是的我希望你帮我实现一个完整客服用的库。

2025-05-09 10:15:48 192

原创 js:三元判断优化代码逻辑

【代码】js:三元判断优化代码逻辑。

2025-04-28 10:48:42 121

原创 el-menu箭头改为右下

【代码】el-menu箭头改为右下。

2025-04-24 15:35:10 191

原创 删除elementplus的li标签中的一个class属性?

通过使用$event ,首先使用nextTick,要是不使用即使后面可以获取is-active属性也无法remove删除。使用item.currentTarget 获取元素节点的所有class类。删除elementplus的li标签中的一个class属性?使用remove删除 is-active 属性。

2025-04-24 15:29:51 275

原创 抽离dialog

【代码】抽离dialog。

2025-04-02 10:12:33 106

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

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

2025-04-02 10:12:06 286

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

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

2025-02-28 16:32:43 508

原创 <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 146

原创 实现: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 270

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

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

2025-02-26 17:39:43 467

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

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

2025-02-13 17:51:26 913

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

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

2025-02-13 17:46:25 152

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

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

2025-02-13 17:42:33 1047

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

问:

2025-02-11 17:51:15 135

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

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

2025-02-11 17:49:40 609

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

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

2025-02-11 17:40:05 580

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

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

2025-02-11 15:22:46 432

原创 vue3:取数据

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

2025-02-11 15:14:04 237

原创 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 890

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

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

2025-02-11 14:53:35 270

原创 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 204

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

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

2025-02-08 18:27:46 351

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

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

2025-02-08 18:16:00 703

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

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

2025-02-08 18:05:56 307

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

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

2025-02-08 14:44:51 207

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

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

2025-01-21 10:40:01 152

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

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

2025-01-21 10:35:36 168

原创 vue3组件传值具体使用

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

2025-01-21 10:18:22 329

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

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

2025-01-17 11:04:45 339

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

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

2025-01-17 09:54:21 258

原创 git: warning skipped perviously applied commit e1a88adf

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

2025-01-17 09:43:05 366

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

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

2025-01-16 10:20:41 402

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

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

2025-01-13 10:26:45 229

原创 怎么关chrome的自动更新

怎么关chrome的自动更新。

2025-01-13 10:09:10 2425

原创 vue3: v-for has invalid expression

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

2025-01-13 09:42:18 149

setup asdfasfd

setup asdfasfd

2024-06-18

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

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

2023-04-11

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

TA关注的人

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