WebDebug
Saehun1994
一些WebDeBug日常
展开
-
根据用户权限动态渲染菜单时, menu只有常量路由
直接上代码, 问题出在了Menu组件的prop上把这行改成这行就没问题了, 很奇怪的错误在你提供的代码中,问题似乎与Vue的响应性系统有关。当你使用ref来包装从UserStore获取的menuRoutes时,你期望Vue能够追踪menuRoutes的变化并相应地更新UI。然而,如果本身不是一个响应式引用(比如,它只是一个普通的JavaScript对象或数组),那么仅仅通过ref来包装它并不会使它的内容变得响应式。原创 2024-08-25 22:35:36 · 268 阅读 · 0 评论 -
关于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 · 366 阅读 · 0 评论 -
vue.js:2968 Uncaught TypeError: exp.trim is not a function at parseExpression (vue.js:2968:15)
报错:vue.js:2968 Uncaught TypeError: exp.trim is not a function at parseExpression (vue.js:2968:15) at Vue.$set (vue.js:8911:17) at Vue.addSex (10.总结Vue数据监测.html:59:22) at HTMLButtonElement. (vue.js:220:56)不过,这个错误不太可能是由 Vue.js 的版本问题引起的,但总是值得一试。原创 2024-05-29 18:24:11 · 218 阅读 · 1 评论 -
debug极致无语时刻
有时候debug半天找不出来, 完了某次刷新了一下,就能跑了,有时候真的会被气笑, 谁懂啊啊啊啊。原创 2024-07-12 14:44:29 · 130 阅读 · 0 评论 -
element plus刷新后样式消失
确保你的入口文件main.js中, 安装element -plus插件要在应用挂载之前。原创 2024-07-09 18:41:41 · 156 阅读 · 0 评论 -
问题:生成的 ESLint 配置文件默认命名为 eslint.config.js 而不是 .eslint.cjs
具体操作看这篇文章:vite配置eslint24年4月期,eslint.config.js-CSDN博客原创 2024-07-09 15:56:56 · 504 阅读 · 0 评论 -
axios发送PUT请求Not Fount找不到的问题:isAxiosError.js:10 PUT http://localhost:53000/posts/8 404 (Not Found)
试试重启json-server服务试试。原创 2024-07-06 17:06:20 · 147 阅读 · 0 评论 -
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 · 1031 阅读 · 0 评论 -
代码Ajax报错:Cannot GET /404
【代码】代码Ajax报错:Cannot GET /404。原创 2024-07-02 11:16:02 · 171 阅读 · 0 评论 -
安装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 · 306 阅读 · 0 评论 -
vue-router.mjs:74 [Vue Router warn]: <router-view> can no longer be used directly inside <transition
但是这种方式在 Vue Router 3.x 中是直接可以使用的,但在 Vue Router 4.x 中由于引入了插槽,需要不同的方式来处理。中使用,因为它需要通过插槽(slot)的方式来配合这些组件使用。在你当前的代码中,你尝试使用。下面是一个 Vue Router 4.x 兼容的示例,展示了如何根据路由的。的值应该是插槽的名字(如果有命名插槽的话),但。,因为你可以直接在路由配置中为每个路由设置。但是,通常你不需要在父组件(这里是。另外,你的代码尝试根据路由的。的作用域插槽,并且检查了。原创 2024-06-26 18:57:01 · 490 阅读 · 0 评论 -
MyHome.vue:13 [Vue warn]: KeepAlive should contain exactly one component child. at <KeepAlive>
是用来渲染当前路由所对应的组件的。如果你想对路由中的某些组件使用。,你应该在路由配置中指定哪些组件需要被缓存,而不是直接在。标签内应该只包含一个组件子元素。钩子不工作的问题,这可能是因为你的组件并没有被。可能会渲染多个组件,那么就会出现这个警告。在 Vue Router 中,内部对特定的路由组件使用。没有正确地与你的组件交互。然而,如果你的目的是在。,你可以通过动态地添加。并不总是可行或推荐的。原创 2024-06-26 18:32:56 · 262 阅读 · 0 评论 -
index.vue?t=1721203177971:33 [Vue warn]: Failed to resolve component: LogoIf this is a native custo
请确认这个文件确实存在于该路径下,并且文件名和大小写都完全匹配。在 Vue 组件中,你需要将导入的组件注册到当前组件的。组件的路径是正确的。从你的代码看,你使用的是相对路径。原创 2024-07-17 16:05:15 · 250 阅读 · 0 评论 -
点击一个 el-sub-menu 导致其他所有子菜单也展开的问题
在使用 Element Plus 的菜单组件时,如果你遇到了点击一个导致其他所有子菜单也展开的问题,这通常是由于菜单的默认行为或状态管理不当造成的。默认情况下,Element Plus 的菜单组件(el-menu)并不会在点击一个子菜单()时自动展开其他所有子菜单。:如果你使用了 Vuex 或其他状态管理库来控制菜单的展开状态,并且这些状态被错误地设置为全局共享或相互影响的,那么可能会导致点击一个子菜单时影响到其他子菜单的状态。:检查el-menu和的或属性是否被错误地设置为了一个会影响多个子菜单的值。原创 2024-07-19 15:21:10 · 758 阅读 · 0 评论