Vue2
WDY66886688
这个作者很懒,什么都没留下…
展开
-
el-menu导航菜单根据路由变化选中对应项
2、:default-active为 $route.name、 $route.path、 activeIndex(待完善取值),el-menu-item的index属性设置为当前路由名称、地址、索引值,请一一对应。">处理中心</el-menu-item>1、设置router为true。原创 2024-04-30 11:06:01 · 153 阅读 · 0 评论 -
el-tabs右键菜单没有显示
修改:@contextmenu.prevent改为@contextmenu.prevent。tabs上点击鼠标右键,没有反应。原创 2024-04-29 09:15:46 · 104 阅读 · 0 评论 -
vuex.esm.js:497 [vuex] unknown action type: userModule/ClearStorage
的action,但是在该模块的actions定义中没有找到这个名字的函数。这可能是由于拼写错误、未定义的action或者在调用时没有正确引用模块名称造成的。如果以上步骤都确认无误,但问题依然存在,请检查是否有其他的代码错误或者是Vuex的状态被不正确地修改。被设置为带有命名空间的)。如果是带命名空间的模块,你需要使用。的拼写与模块中定义的action名称完全一致。确保在调用action时使用了正确的命名空间(如果。这个错误表明在Vuex中尝试调用一个名为。检查是否有拼写错误,确保。原创 2024-04-19 09:42:52 · 223 阅读 · 0 评论 -
修改el-button按钮背景色后,按钮失去了elementUI原有的hover和active的效果
注意:.el-button--primary:后要增加not(.is-disabled),否则disabled状态下也有完整透明度的背景色。存疑:为什么&:active在&:hover内才生效?原创 2024-04-09 11:25:19 · 757 阅读 · 0 评论 -
npm run build打包报错 Error: Cannot find module ‘script-ext-html-webpack-plugin‘
这个报错通常是由于缺少相应的模块引起的。解决这个问题的方法通常是通过 npm 安装缺少的模块。模块并将其添加到你的项目的开发依赖中。安装完成后,重新运行打包命令,看看问题是否解决了。原创 2024-04-09 10:35:51 · 657 阅读 · 0 评论 -
npm run build后报错FATAL ERROR: NewSpace::Rebalance Allocation failed - JavaScript heap out of memory
玄学的修复方法:暂停npm run serve,再重新npm run build一次,竟然打包成功了。这个错误通常表示 JavaScript 堆内存耗尽,导致无法继续分配内存。原创 2024-04-09 10:02:29 · 417 阅读 · 0 评论 -
Vue登录逻辑
一个登录页面,点击登录就调用登录接口,成功就设置用户信息、token信息,从接口返回值获取动态路由数组动态导入;访问页面时的权限控制是在main.js旁边的permission.js里面做的。原创 2024-04-08 17:02:57 · 100 阅读 · 0 评论 -
页面隐藏式滚动条
【代码】页面隐藏式滚动条。原创 2024-04-07 21:31:34 · 66 阅读 · 0 评论 -
actions调用action中的方法
/ 登出== 0) {});},// 清理数据},原创 2024-04-07 16:56:55 · 157 阅读 · 0 评论 -
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘error‘)
报错user.js:111 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'error') at Store.loginIn (user.js:111:1)原创 2024-04-07 15:59:45 · 311 阅读 · 0 评论 -
vuex.esm.js:135 Uncaught Error: [vuex] getters should be function but “getters.mode“ in module “
报错vuex.esm.js:135 Uncaught Error: [vuex] getters should be function but "getters.mode" in module "userModule" is "dark". at assert (vuex.esm.js:135:1)原因:在使用vuex的moulds时 index.js中已创建了一个。,在模块文件中又再创建了一个,导致报错。原创 2024-03-29 17:25:41 · 256 阅读 · 0 评论 -
怎么使用vuex的数据和方法
Vue组件中使用Vuex的状态和方法,首先需要在组件中引入Vuex的mapState和mapActions辅助函数,然后使用。,它是一个从store的状态派生的值。,它映射到Vuex store的状态。,它映射到Vuex store的动作。来改变Vuex store中的状态。属性来访问状态和方法。在这个例子中,我们使用。方法被触发,它通过调用。原创 2024-03-29 17:06:05 · 285 阅读 · 0 评论 -
element注意事项
append-to-body:如果需要在一个 Dialog 内部嵌套另一个 Dialog,需要使用。原创 2024-03-29 10:23:23 · 115 阅读 · 0 评论 -
Invalid prop: type check failed for prop “X“. Expected Boolean, got String with value “X“.
这个报错是因为在一个组件中传入了一个类型不匹配的 prop。根据报错信息来看,传入的 prop “isTableOperation” 应该是一个 Boolean 类型,但实际上传入的是一个 String 类型 “false”。需要检查一下在哪个组件中使用了 “isTableOperation” 这个 prop,并确认传入的值是一个 Boolean 类型而不是 String 类型。原创 2024-03-22 11:43:07 · 403 阅读 · 0 评论 -
elementUI(Vue2)和elementPlus(Vue3)图标icon差异【TODO:增加图标截图、总结规律】
只要安装了 @element-plus/icons-vue,原创 2024-03-22 01:00:41 · 938 阅读 · 0 评论 -
文件路径引用错误
报错This dependency was not found: * @/view/superAdmin/menu/icon.vue in ./node_modules/cache-loader/dist/cjs.js?import icon from '@/view/superAdmin/menu/icon.vue' 应改为:import icon from './icon.vue';文件的代码,确保路径设置正确。原创 2024-03-21 10:21:02 · 241 阅读 · 0 评论 -
Vue3、element-plus和Vue2、elementUI的一些转换
elementUI的message。原创 2024-03-18 16:27:08 · 759 阅读 · 0 评论 -
TypeError: Cannot read properties of undefined (reading ‘toggleSelection‘)
组件是异步加载的,你也可以使用回调函数来确保在加载完成后再执行相应操作。这样,你就能确保在组件加载完成后调用。确保组件已完全加载。报错,首先确保在组件中正确设置了。原创 2024-03-06 17:46:37 · 489 阅读 · 0 评论 -
vue模拟数据mock放哪
这些服务器可以帮助搭建一个独立的mock服务器,可以在其中定义接口和对应的模拟数据。可以在项目中引入Mock.js,并在需要的地方编写模拟数据的规则。这种方式适用于需要在多个组件中使用相同的模拟数据规则的情况。创建独立的mock文件:可以在项目中创建一个独立的mock文件夹,然后在该文件夹下编写模拟数据的文件。这种方式适用于需要在整个项目中使用相同的模拟数据的情况。在组件内部:可以在Vue组件的methods中编写模拟数据的逻辑。这种方式适用于只在当前组件中需要使用模拟数据的情况。原创 2024-03-05 11:42:05 · 487 阅读 · 0 评论 -
npm install卡住
npm install 卡住的解决方法:原创 2024-02-22 09:03:14 · 324 阅读 · 0 评论 -
Vue.js的单文件组件(.vue文件)代码结构推荐顺序
组件的逻辑部分,包括组件的数据、计算属性、生命周期钩子函数、方法等。:组件的模板部分,定义了组件的结构和布局;:组件的样式部分,定义组件的样式。原创 2023-11-20 15:31:49 · 125 阅读 · 0 评论