- 博客(25)
- 收藏
- 关注
原创 elementplus 树表格只展开第一级下所有节点
这个属性允许指定哪些节点在组件加载时应该默认展开。通过遍历树数据,你可以获取每个节点的ID,并将这些ID添加到。在Element Plus中,若要实现树形表格只展开第一级下的所有节点,可以通过使用。通过遍历这个数组,找到所有顶级节点的ID,并将它们添加到。数组中,从而控制哪些节点在初始化时是展开的。
2024-08-25 19:26:59
197
原创 关于element导航菜单,展开一个菜单项,其余也都打开的问题
使用element导航菜单时,使用v-for循环出来的每一项,打开一个菜单项时发现其他项也都打开了,是因为<el-menu>标签是根据index来定位展开还是关闭的,而使用v-for循环使得每一项的index都是一样的,所以才会一个打开都打开。
2024-07-26 17:06:23
225
原创 图片懒加载
图片的加载包含了图片的请求和渲染比方说当我们开发一个有很多图片的长网页时,一般先加载出现在视口内的几张图片,当滚动条滚动到相应图片的位置时再去加载别的图片。
2024-07-12 17:19:54
184
原创 vue3 onMounted中获取不到props中的值
1 传递时机:如果父组件在子组件挂载之后更新 props 的值,那么 onMounted 钩子中访问到的将是初始值(可能是undefined 或空值)。2 父子组件同步问题:可能是父子组件的同步问题,导致 props 没有正确传递。
2024-06-22 10:15:00
457
原创 谷歌浏览器input输入框背景透明色 input:-internal-autofill-selected
但在实现过程中发现input 框有默认值时总是有个背景去不掉, 发现是浏览器默认样式 input:-internal-autofill-selected 导致的。问题描述中的 "input:-internal-autofill-selected" 是一个CSS伪类选择器,主要用于处理Web浏览器自动填充表单输入时的样式问题。然而,这个选择器并不是所有浏览器都支持,因为它是非标准的,并且不是所有浏览器都公开了这样的伪类。例如,Chrome浏览器就使用了类似的机制,但是没有公开类似的伪类。
2024-06-16 22:37:36
759
原创 vue3 video 视频播放时禁止拖动进度条
视频第一次观看不支持快进,已观看过的内容重复观看支持快进。视频页面:有视频当前状态,未观看的视频为待学习状态,观看完一次都是已完成的状态。
2024-06-08 07:15:00
1128
原创 vue3+element-plus中dialog组件去掉遮罩层后可以操作底层页面,以及弹窗嵌套弹窗如何去掉遮罩层且可以操作底层页面
添加两个属性去掉遮罩层。
2024-06-03 09:15:17
342
1
原创 vue3 element el-cascader-panel 两个级联面板功能关联
【代码】vue3 element el-cascader-panel 两个级联面板功能关联。
2024-05-18 08:30:00
405
原创 vue3 多种方法的锚点定位
从而改变 URL 的锚点。如果需要滚动到对应位置,可以通过 JavaScript 方法获取目标元素,然后调用。属性来改变 URL 中的锚点,并通过 JavaScript 方法将页面滚动到对应的位置。属性中设置了对应的锚点 ID。点击链接时,浏览器会自动滚动到对应的锚点位置。钩子中判断是否存在锚点,并使用。方法将页面滚动到目标位置。组件来生成链接,通过传递。方法将页面滚动到对应位置。标签来生成链接,并在。
2024-04-28 17:31:56
698
4
原创 js获得video 当前视频播放的状态
要获得视频播放的状态,可以使用HTML5的video对象,该对象包含了许多有用的属性和方法,可以方便地控制视频播放。以下是一些常用的方法和属性:1.paused:返回一个布尔值,表示视频是否处于暂停状态。2.currentTime:返回当前视频播放的时间,以秒为单位。3.duration:返回视频总长度,以秒为单位。4.ended:返回一个布尔值,表示视频是否已经播放完毕。5.play():播放视频。6.pause():暂停视频。
2024-04-22 09:09:52
1242
1
原创 vue3 element plus获取el-cascader级联选择器选中的当前结点的label值
在处理级联选择组件数据时,有时候不仅需要拿到id,还需要拿到label名称,但是通常组件直接绑定的是id,所以就需要我们用别的方法去拿到label。
2024-04-14 18:51:25
1841
1
原创 vue3 中的name
1.复制这个命令下载第三方插件: npm install vite-plugin-vue-setup-extend -D。就是在vue文件写两个script标签,第一个标签用来定义组件名,第二个用来写自己的代码。2.我们在vite.config.ts文件中引入,并调用。vue-devtools 调试工具中,显示的组见名称由组件。作用:在Vue2中,name属性用来给组件命名,方便在。好处:可看到组件名称更好的定位。来指定:是否缓存组件。的调试时追踪组件层级。
2024-04-07 21:30:00
1306
原创 CSS: 混合模式 background-blend-mode 属性实现同时设置背景颜色和背景图片或者两个背景图叠加在一起显示
当两个图像叠加在一起的时候,设置上层图像以什么形式与下层图像叠加,例如正片叠底,滤色混合等。
2024-03-30 10:00:00
2238
原创 vue3使用@vueuse/core useFullscreen 如何保存是否全屏的状态
进入系统后,点击右上角的全屏后,点击退出系统,然后再进入仍然显示全屏按钮,没有退出全屏的按钮,需要点击两次才可退出全屏。
2024-03-23 10:00:00
437
1
原创 vue3+原生JS拖拽
参考文档:https://blog.csdn.net/Hypocriteee/article/details/131754499。上一篇文章使用sortablejs ,实在是实现不了我的需求,所以使用原生试一下,终于实现了。右侧table:结合上一篇文章中 2.使用原生table/div 构造。下边是可以实现拖拽的代码。
2024-03-09 10:00:00
608
原创 使用SortableJS遇到的问题
(2)sortable和element-plus 结合使用,调试多次发现只支持拖拽一整行内容(导致拖拽过程中和拖拽完成后样式不对,只可以重新刷新页面才可以),暂时未找到解决办法。(1)使用el-table单元格合并可以实现如上静态样式,实际上拖拽中的样式不能满足,且拖拽后由于有单元格合并导致table表格的错乱。做的过程中发现sortablejs 拖拽只支持一个遍历下的内容拖拽,可以解决element-plus table 只能拖拽一整行问题。
2024-03-03 20:17:39
576
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人