WDY66886688的博客

原创 vscode提取拓展时出错。XHR failed

原创 el-menu导航菜单根据路由变化选中对应项

2、:default-active为 $route.name、 $route.path、 activeIndex(待完善取值)，el-menu-item的index属性设置为当前路由名称、地址、索引值，请一一对应。">处理中心</el-menu-item>1、设置router为true。

原创 el-tabs右键菜单没有显示

修改：@contextmenu.prevent改为@contextmenu.prevent。tabs上点击鼠标右键，没有反应。

原创 vue-router查找指定名称路由

不存在时返回undefined，存在时返回路由。不存在时也返回了路由，错误。

原创 vuex.esm.js:497 [vuex] unknown action type: userModule/ClearStorage

的action，但是在该模块的actions定义中没有找到这个名字的函数。这可能是由于拼写错误、未定义的action或者在调用时没有正确引用模块名称造成的。如果以上步骤都确认无误，但问题依然存在，请检查是否有其他的代码错误或者是Vuex的状态被不正确地修改。被设置为带有命名空间的）。如果是带命名空间的模块，你需要使用。的拼写与模块中定义的action名称完全一致。确保在调用action时使用了正确的命名空间（如果。这个错误表明在Vuex中尝试调用一个名为。检查是否有拼写错误，确保。

原创 commit提交代码规范

refactor - 重构、优化(既不增加新功能，也不是修复bug)style - 代码格式(不影响代码运行的变动)chore - 构建过程或辅助工具的变动。feat - 新功能 feature。fix - 修复 bug。docs - 文档注释。perf - 性能优化。test - 增加测试。revert - 回退。build - 打包。

原创 Vue打包部署后源码泄露

【代码】Vue打包部署后源码泄露。

原创 修改el-button按钮背景色后，按钮失去了elementUI原有的hover和active的效果

注意：.el-button--primary:后要增加not(.is-disabled)，否则disabled状态下也有完整透明度的背景色。存疑：为什么&:active在&:hover内才生效？

原创 npm run build打包报错 Error: Cannot find module ‘script-ext-html-webpack-plugin‘

这个报错通常是由于缺少相应的模块引起的。解决这个问题的方法通常是通过 npm 安装缺少的模块。模块并将其添加到你的项目的开发依赖中。安装完成后，重新运行打包命令，看看问题是否解决了。

原创 npm run build后报错FATAL ERROR: NewSpace::Rebalance Allocation failed - JavaScript heap out of memory

玄学的修复方法：暂停npm run serve，再重新npm run build一次，竟然打包成功了。这个错误通常表示 JavaScript 堆内存耗尽，导致无法继续分配内存。

原创 Vue登录逻辑

一个登录页面，点击登录就调用登录接口，成功就设置用户信息、token信息，从接口返回值获取动态路由数组动态导入；访问页面时的权限控制是在main.js旁边的permission.js里面做的。

原创 微信小程序开发工具踩坑

记得设置自动保存，以免当前运行的不是最新代码； 安装目录不能带特殊字符； 微信工具要登录，不能以游客模式，否则会没数据； 右上角操作栏闪动是因为当前窗口宽度小了； 真机1不出控制台(之后再尝试，1也能出控制台)，真机2绑定不上v-model数据；

原创 页面隐藏式滚动条

【代码】页面隐藏式滚动条。

原创 Beyond Compare 4 不能输入秘钥，也不能粘贴。

把安装目录里的BCPlung.dll删掉就能输入了。

原创 actions调用action中的方法

/ 登出== 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)

原创 el-dropdown-item点击事件无反应

el-dropdown-item点击事件@click，点击后无反应，应改为@click。

原创 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中已创建了一个。，在模块文件中又再创建了一个，导致报错。

原创 怎么使用vuex的数据和方法

Vue组件中使用Vuex的状态和方法，首先需要在组件中引入Vuex的mapState和mapActions辅助函数，然后使用。，它是一个从store的状态派生的值。，它映射到Vuex store的状态。，它映射到Vuex store的动作。来改变Vuex store中的状态。属性来访问状态和方法。在这个例子中，我们使用。方法被触发，它通过调用。

原创 element注意事项

append-to-body：如果需要在一个 Dialog 内部嵌套另一个 Dialog，需要使用。

原创 JS获取当前时间

【代码】JS获取当前时间。

原创 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 类型。

原创 elementUI(Vue2)和elementPlus(Vue3)图标icon差异【TODO：增加图标截图、总结规律】

只要安装了 @element-plus/icons-vue，

原创 文件路径引用错误

报错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';文件的代码，确保路径设置正确。

原创 css的scss

【代码】css的scss。

原创 Vue3、element-plus和Vue2、elementUI的一些转换

elementUI的message。

原创 TypeError: Cannot read properties of undefined (reading ‘toggleSelection‘)

组件是异步加载的，你也可以使用回调函数来确保在加载完成后再执行相应操作。这样，你就能确保在组件加载完成后调用。确保组件已完全加载。报错，首先确保在组件中正确设置了。

原创 Java数据库表常见的数字字段数据类型及特点

在设计Java数据库表时，数字字段的数据类型选择主要取决于数据的性质和范围。根据具体需求和数据的特性，选择适当的数据类型来存储数字字段。

原创 el-table报错 error: [ElTable] prop row-key is required

时，需要为每一行的数据提供一个唯一的标识键（row-key），以便在更新数据时能够正确地识别每一行。报错信息显示缺少了一个必需的属性 “row-key”。在使用 Element UI 的表格组件。属性并指定一个唯一标识的字段名来解决这个报错。这样设置之后，就不会再出现报错信息了。

原创 el-table，点击复选框，总是选中最后一个，且选中数组叠加了很多数据

el-table，点击复选框，总是选中最后一个，且选中数组叠加了很多数据。解决方法：tableData的数据要有唯一编码id。

原创 name和!name和!!name的区别

的布尔值取反，第二次应用再次对这个结果取反。这种用法通常用于确保某个值的布尔表示。例如，在一些情况下，开发者可能使用。通常有着不同的含义，它们的意义可以根据具体的编程语言和上下文环境有所不同。、空字符串等被认为是假值以外的任何值都被认为是真值），那么。请注意，具体的行为可能依赖于你使用的编程语言的规则。是一个逻辑非运算符，用于对布尔值取反。来将一个值转换成其对应的布尔值，是真值（在很多语言中，除了。的值进行逻辑非操作。是任何形式的真值，结果是。: 在很多编程语言中，在编程和脚本语言中，为标识符的某个实体。

原创 vue模拟数据mock放哪

这些服务器可以帮助搭建一个独立的mock服务器，可以在其中定义接口和对应的模拟数据。可以在项目中引入Mock.js，并在需要的地方编写模拟数据的规则。这种方式适用于需要在多个组件中使用相同的模拟数据规则的情况。创建独立的mock文件：可以在项目中创建一个独立的mock文件夹，然后在该文件夹下编写模拟数据的文件。这种方式适用于需要在整个项目中使用相同的模拟数据的情况。在组件内部：可以在Vue组件的methods中编写模拟数据的逻辑。这种方式适用于只在当前组件中需要使用模拟数据的情况。

原创 全局渐变滚动条样式

【代码】全局渐变滚动条样式。

原创 npm install卡住

npm install 卡住的解决方法：

原创 输入英文或数字间距很大

Shift”+ 空格。输入英文间距很大，在。

原创 aTrust提示存在信息泄露风险，账号已自动注销

解决方法：从后台任务管理器结束任务，真正完全重启客户端才能重新登录成功。多次注销或APP扫码后仍加载失败。从网线切到WIFI后报错。

原创 el-table复选框点击全选后又全部自动取消选中

【代码】el-table复选框点击全选后又全部自动取消选中。

原创 设置图片偏移量

【代码】设置图片偏移量。

原创 !和!!等判空对比

代码少的时候没啥区别，但是有很多个if嵌套的时候，多个if嵌套就会显得很复杂，用卫语句就显得逻辑清晰。写这种写法的时候就要注意，比如想判断有值(包括数字0)就走你的逻辑，就得考虑传入的变量会不会是0了。name包含的范围广一些，比如name是0或者空串或false，这个if都是true。方法逻辑写全，有if的地方，都要考虑else的情况，除非有没有else都一样。name===''，就只有name是空串时这个if才是true，这种情况下，不要简单的写成if(name=1){}else{}，

原创 信管网-资料rar压缩包下载失败

复制下载链接到新网页(IE和谷歌都可以)，回车键访问后可直接下载。