分类：vue

vue开发笔记

element-plus el-select选中边框移出

可视化大屏项目开发中，会需要自定义el-select样式，当我们选中el-select后，会出现一个蓝色边框，这个边框并不是我们想要的，需要进行移除。通过检查样式会发现一个样式--el-select-input-focus-border-color，将这个样式设置none就可以...

2年前 (2024-06-19) 喜欢

vue3 数据可视化大屏项目中，设计师会设置类似下图的效果，这里我们使用element-plus的el-select来实现我们想要的效果，不过el-select使用的是字体图标，我们需要对其进行修改版本号 "element-plus": "2.2....

2年前 (2024-06-19) 喜欢

vue2 webpack js项目运行时，会出现下面的警告信息 MaxListenersExceededWarning: Possible EventEmitter memory leak detected. 11 upgrade listeners added to [Serv...

2年前 (2024-06-12) 喜欢

vue项目运行时，报了下面的错误： Uncaught (in promise) Maximum recursive updates exceeded. This means you have a reactive effect that is mutating its own d...

2年前 (2024-06-12) 喜欢

需求在Vue项目开发中，有时我们需要实现一个Tab菜单，当点击某个Tab时，该Tab能够自动居中显示。本文将介绍如何使用Vue和BetterScroll库实现这一功能。动态效果代码实现以下是完整的代码实现，包括模板、脚本和样式部分。模板部分 <template...

2年前 (2024-06-07) 喜欢

vue项目开发过程中，需要实现点击按钮滚动到指定位置，但是实现滚动后发现滚动的太靠上了，这不是想要的效果，想要实现的是往上滚，但是需要增加一点偏移量，才能达到预期的效果。 <div class="menuListItem" @click="sc...

2年前 (2024-05-27) 喜欢

最近遇到一个需求，鼠标移入到报纸后对应的文字区域要高亮，点击后要显示对应的文本动态效果准备工作 1.准备我们需要的报纸 2.使用在线工具使用在线工具勾勒区域，如“Image Map Generator”，它们提供了图形界面来创建图像映射和生成相应的HTML代码。这些工具...

2年前 (2024-05-23) 喜欢

要在 Vue.js 项目中使用 Canvas 实现随机验证码，并进行对比验证，可以按照以下步骤进行：创建一个 Canvas 组件：用于生成随机验证码。在登录表单中引入 Canvas 组件：并实现点击刷新验证码的功能。在登录逻辑中进行验证码的对比验证。以下是具体的实现...

2年前 (2024-05-19) 喜欢

vue项目开发中，需要对页面进行判断，如果账号没有权限则提示账号权限不足，如果账号有权限则跳转到第一个有权限的页面。这里在账号登录后，接口会返回一个菜单数据，这个数据就是我们的账号拥有的权限了。这里我们通过menuId和路由的meta.id挂钩 [{"menuId&...

2年前 (2024-05-17) 喜欢

数据可视化大屏项目开发中，为了统计自己页面有多少人访问需要增加统计代码，但是有希望只统计自己站点的，客户的项目不做统计，这里需要进行一下判断如果希望在 wanjunshijie.com 及其所有子域名（例如 qiniu.wanjunshijie.com）下都能加载这段统计代码，...

2年前 (2024-05-08) 喜欢