Saehun1994-CSDN博客

原创表格封装-elementUI

【代码】表格封装-elementUI。

2025-08-18 01:00:50 367

你可以在 CSS 中定义多个类（如 `icon1`, `icon2`, `icon3` 等），然后在模板中根据 `index` 动态应用这些类。在这种方案中，你可以先导入图标，然后将其放入数组中，使用 `v-bind:style` 来设置背景图像。- 方案二：更灵活，可以直接使用图标的 URL，适合图标较多或需要动态加载图标的情况。你可以通过这两种方案来实现动态绑定背景图标。- 方案一：适合于类名已定义并且想要通过类名来控制样式。

2024-11-01 11:45:58 686

原创 Uncaught SyntaxError: Cannot use import statement outside a module (at main.js:1:1)

你的html是不是引用的dist下的main.js。

2024-08-27 20:31:08 358

原创根据用户权限动态渲染菜单时, menu只有常量路由

直接上代码, 问题出在了Menu组件的prop上把这行改成这行就没问题了, 很奇怪的错误在你提供的代码中，问题似乎与Vue的响应性系统有关。当你使用ref来包装从UserStore获取的menuRoutes时，你期望Vue能够追踪menuRoutes的变化并相应地更新UI。然而，如果本身不是一个响应式引用（比如，它只是一个普通的JavaScript对象或数组），那么仅仅通过ref来包装它并不会使它的内容变得响应式。

2024-08-25 22:35:36 350

原创关于el-form表单校验明明没问题, 但是await formRef.value.validate()始终不通过

html结构中v-show应该改为v-if, 至于他们俩的区别我想就不多说了, 点击修改按钮的时候row中的password赋给了userParams(这个值可能是不符合你的表单规范的), 由于v-show的原理是控制display:none的, 所以其实做修改用户的表单校验时候不仅校验了用户名和昵称,也校验了password(即使他被我隐藏了), 而v-if销毁了。这个item组件就不会引发prop="password"这个字段的校验。

2024-08-11 13:28:22 910

原创点击一个 el-sub-menu 导致其他所有子菜单也展开的问题

在使用 Element Plus 的菜单组件时，如果你遇到了点击一个导致其他所有子菜单也展开的问题，这通常是由于菜单的默认行为或状态管理不当造成的。默认情况下，Element Plus 的菜单组件（el-menu）并不会在点击一个子菜单（）时自动展开其他所有子菜单。：如果你使用了 Vuex 或其他状态管理库来控制菜单的展开状态，并且这些状态被错误地设置为全局共享或相互影响的，那么可能会导致点击一个子菜单时影响到其他子菜单的状态。：检查el-menu和的或属性是否被错误地设置为了一个会影响多个子菜单的值。

2024-07-19 15:21:10 1927

原创 index.vue?t=1721203177971:33 [Vue warn]: Failed to resolve component: LogoIf this is a native custo

请确认这个文件确实存在于该路径下，并且文件名和大小写都完全匹配。在 Vue 组件中，你需要将导入的组件注册到当前组件的。组件的路径是正确的。从你的代码看，你使用的是相对路径。

2024-07-17 16:05:15 354

原创 debug极致无语时刻

有时候debug半天找不出来, 完了某次刷新了一下,就能跑了,有时候真的会被气笑, 谁懂啊啊啊啊。

2024-07-12 14:44:29 183

原创 element plus刷新后样式消失

确保你的入口文件main.js中, 安装element -plus插件要在应用挂载之前。

2024-07-09 18:41:41 405

原创问题:生成的 ESLint 配置文件默认命名为 eslint.config.js 而不是 .eslint.cjs

具体操作看这篇文章:vite配置eslint24年4月期,eslint.config.js-CSDN博客

2024-07-09 15:56:56 1459

原创 axios发送PUT请求Not Fount找不到的问题:isAxiosError.js:10 PUT http://localhost:53000/posts/8 404 (Not Found)

试试重启json-server服务试试。

2024-07-06 17:06:20 223

原创不理解JavaScript的事件循环和异步执行机制如何影响这些操作的执行顺序

的构造函数执行器内部，并且都设置了1000毫秒的延迟。这里的关键是理解JavaScript的事件循环和异步执行机制如何影响这些操作的执行顺序。的回调函数是在微任务队列中执行的，它会在当前宏任务（即第一个。在您提供的HTML和JavaScript示例中，存在两个。的回调函数都被安排在1秒后执行，但您会看到。的回调则是作为下一个宏任务来执行的。的回调）完成后立即执行，而第二个。首先被打印到控制台，然后是。调用，它们都被设置在。

2024-07-05 18:36:05 307

原创 Access to XMLHttpRequest at ‘http:xxx‘ from origin ‘null‘ has been blocked by CORS policy: No ‘Acces

具体来说，错误中提到的“Access to XMLHttpRequest at 'http:xxx' from origin 'null' has been blocked by CORS policy”意味着从“null”这个源（通常是因为你的代码是在本地文件系统中直接打开而不是通过服务器运行的）向“http:xxx”这个地址发送请求时被CORS策略阻止了。头部，你可以将其设置为你的前端服务器的URL（如果你希望只允许来自该URL的请求）或。（允许来自任何源的请求，但出于安全考虑，通常不推荐）。

2024-07-02 12:39:32 2153

原创代码Ajax报错:Cannot GET /404

【代码】代码Ajax报错:Cannot GET /404。

2024-07-02 11:16:02 294

原创安装ElementUI库报错兼容问题:npm ERR! code ERESOLVEnpm ERR! ERESOLVE unable to resolve dependency treenpm ERR!

这通常是一个复杂的过程，并且可能需要深入了解你的依赖项以及它们是如何相互作用的。这通常不是首选的解决方案，除非你确切知道你在做什么，并且愿意承担可能的风险。根据你的情况，我建议你选择第一个或第二个选项。如果你已经在使用Vue 3.x并且想要继续使用它，那么寻找一个兼容的UI库是最好的选择。，你需要将你的Vue项目降级到Vue 2.x版本。但请注意，这样做可能会破坏你的项目依赖结构，导致不可预见的问题。是一个为Vue 2.x设计的UI组件库，并不兼容Vue 3.x。你可以选择一个适合你的项目需求的库。

2024-06-27 16:21:17 638

Saehun1994的博客