前端功能实现以及问题解决
功能逻辑的实现、组件库的使用如elementUI的分页器的实现以及遇到的问题的解决。等等。
我爱加班、、
这个作者很懒,什么都没留下…
展开
-
判断数组arr1中是否包含和数组arr2的FieldName名称一样的,包含返回true,不包含返回false
判断数组arr1中是否包含和数组arr2的FieldName名称一样的,包含返回true,不包含返回false为了判断数组arr1中是否至少有一个元素的与数组arr2中的任意一个FieldName相同,你可以使用方法结合方法来实现。原创 2024-10-11 16:27:15 · 648 阅读 · 0 评论 -
vue3中,拦截双击事件的第一次点击,写一些逻辑
开发案例中,到目前为止,可以成功拦截第一次点击,但是需要注意的是,需要双击的频率在合适(双击频率要在300ms内点击第二次)的情况下才会拦截第一次点击,在里面写你要的TODO逻辑即可。如果需要每次双击都拦截到第一次点击,可以调一下定时器的时间即可,可以调到500ms,一般人双击的频率都可以在500ms点击第二次。在 Vue 3 中,如果想要拦截双击事件的第一次点击并执行一些逻辑,你可以使用一个状态变量来跟踪第一次点击事件,并在第二次点击时阻止第一次点击逻辑的执行。原创 2024-10-11 10:19:58 · 469 阅读 · 0 评论 -
已知有一个对象,通过对象的值拿到对象的键
函数返回一个数组,包含所有与目标值相匹配的键。这样,如果对象中有多个相同的值,你就能获取到所有对应的键。函数遍历对象的键,并检查每个键对应的值是否等于目标值。如果找到匹配的值,函数返回对应的键。函数接受两个参数:一个对象。原创 2024-09-30 16:52:00 · 171 阅读 · 0 评论 -
修改ID不能用关键字作为ID校验器-elementPlus
以上就是实现关键字校验器的具体步骤。通过校验才能关闭弹窗。原创 2024-09-30 16:11:43 · 698 阅读 · 0 评论 -
vue3项目监听浏览器的返回按键事件
有这样一个需求,当在用户在浏览器点击返回按钮的时候,需要弹出当前组件的退出确认框。并且如果当前页面有个已经打开了的弹窗时,弹窗还没关闭就点击浏览器的返回按钮,要求点击返回时,弹窗要关闭。在组件被卸载时,确保移除事件监听器,避免内存泄漏。当用户点击浏览器返回按钮时,会触发。当组件被挂载时,添加了一个。原创 2024-09-12 09:28:55 · 730 阅读 · 0 评论 -
vue3实现拖拽移动位置,拖拽过程中鼠标松开后元素还吸附在鼠标上并随着鼠标移动
拖拽元素移动的时候,偶尔会出现拖拽过程中鼠标松开后元素还吸附在鼠标上并随着鼠标移动,要再按一下元素才会被放置下来。出现该问题的原因是:这个过程会触发H5原生的拖拽事件,并且不会监听到onmouseup,从而导致鼠标松开也能够拖拽。在相应的位置添加这2个函数即可。原创 2024-09-03 09:07:02 · 929 阅读 · 0 评论 -
vue3模拟生成并渲染10万条数据,并实现本地数据el-table表格分页
【代码】vue3模拟生成并渲染1万条数据,并实现本地数据el-table表格分页。原创 2024-08-22 17:09:23 · 725 阅读 · 1 评论 -
vue3 POST请求中,文件流下载添加responseType: ‘arraybuffer‘的问题
如果responseType的值改为'blob',responseType: 'blob' // 确保将响应类型设置为blob,会发现可以下载,但是打开不了。是一个方法,用于发送 POST 请求。你需要将原始的 Axios 请求改写为使用这个代理对象的方法。用于存储请求返回的数据,你可以在模板或其他计算属性中使用它。最后,你可以在组件的适当位置调用。函数,例如在组件的生命周期钩子中,或者在用户触发的事件处理函数中。是假设的,你需要根据你的项目实际情况来调整。方法接受正确的参数,并且能够处理响应类型。原创 2024-07-22 16:26:33 · 528 阅读 · 0 评论 -
后台系统+elementUI的分页器功能的实现及相关问题的解决
table 是支持高度设置的:height Table 的高度,默认为自动高度。如果 height 为 number 类型,单位 px;如果 height 为 string 类型,则这个高度会设置为 Table 的 style.height 的值,Table 的高度会受控于外部样式。首先给父盒子添加一个90&的高度,然后在table组件添加 height="90%",给它一个90%的高度。就会跟着外部盒子的大小而改变。原创 2024-04-12 17:35:26 · 1385 阅读 · 0 评论