- 博客(51)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 常用的js数组方法超实用~
最近处理数组觉得好多方法很实用，下面分享给大家~希望对大家有所帮助数组扁平（多维数组转换成一维数组）function Flat(arr = []) { return arr.reduce((t, v) => t.concat(Array.isArray(v) ? Flat(v) : v), []) } 复制代码const arr = [0, 1, [2, 3], [4, 5, [6, 7]], [8, [9, 10, [11, 12]]]]; Flat(arr); /.
2020-06-29 16:52:27
176
2
原创 在文件上传组件中token变更之后，组件内部token没变化，怎么处理？
请根据你项目的具体情况选择最适合的方法。如果可以提供更多关于你的项目的具体信息，我可以给出更具体的建议。// token变更之后，组件内部token没变化，重新赋值headers新的token,更新token。
2024-01-17 15:00:14
403
原创 inject: [‘reload‘] 是一个在 Vue.js 组件中常见的语法，用于将父组件中定义的 reload 方法注入到子组件中。
方法被注入到了子组件中，使得子组件可以直接调用这个方法。这通常用于当子组件需要从父组件获取某些功能或数据时，而不是通过 props 传递。中点击 "Reload" 按钮时，它会调用从。在给定的代码片段中，
2024-01-17 14:50:45
697
原创 [Vue warn]: Property or method “$t“ is not defined on the instance but referenced during render. Mak
页面出现警告：[Vue warn]: Property or method "$t" is not defined on the instance but referenced during render. Mak。是这个库或框架的一个方法，那么你可能需要确保你已经正确地导入了这个库或框架，并且它已经被正确地安装和初始化。这个警告信息来自Vue.js，表示你在模板中引用了一个名为。的属性或方法，但在组件的实例上并没有定义它。以下是一个简单的示例，展示如何在。如果你正在使用一个库或框架，并且。
2024-01-16 16:50:35
538
原创 in ./src/views/modules/knowledgeBase/loopholeLibrary/loopholeLibrary.vue?vue&type=style&index=0&id=3
前后没有多余的空格或其他字符，然后重新编译你的 SCSS 文件。如果还有其他问题，请提供更多代码或上下文信息，以便更好地帮助你解决问题。这个错误信息表明在编译 SCSS 文件时遇到了语法错误。查询，并且它的左右两侧不应该有空格。在 SCSS 或 CSS 中，前后有额外的空格，这可能是导致错误的原因。文件的第64行，具体是在一个。请检查你的代码，确保。
2024-01-05 14:13:12
394
原创 main.js:46 Uncaught ReferenceError: Cannot access ‘router‘ before initialization at render (main
这个错误提示的意思是你在初始化变量 'router' 之前就试图访问它。在JavaScript中，变量的声明提升(hoisting)允许你在声明之前使用变量，但只有声明会被提升，赋值仍然在原地执行。所以，如果你在初始化 'router' 之前就试图访问它，你将会得到一个错误，因为此时 'router' 还没有被赋值。你可以通过将 'router' 的声明和初始化移到你的代码的顶部来解决这个问题。如果这还不能解决你的问题，那么你可能需要检查你的代码以确定是否在 'router' 初始化之前就尝试使用了它。
2024-01-05 14:11:22
1239
原创 elementui+ ＜el-date-picker type=“datetime“/＞时间组件的当前时间的180天之内的禁止选择处理
需求1如下：当前时间+180天不可选择，180天之后可以选择，之前的时间都禁止选择。以上就是关于年月日时分秒的时间组件的两种需求处理,今天就分享到这里啦！placeholder="选择日期时间"需求2如下：默认选择当前时间的180天的时间，所有时间都可以选择。// 授权有效期默认值选择是180天之后的。// 限制只能选择180天以后的时间。页面代码同需求1一样，不同的是处理默认选择的时间。// 获取当前时间的180天后的时间值。// 授权有效期默认值是180天。编辑的函数中处理如下。
2023-12-18 18:30:00
619
原创 uniapp项目，[ app.json 文件内容错误] app.json: 在项目根目录未找到 app.json (env: Windows,mp,1.06.2210310； lib: 2.30.1)
运行到小程序，小程序引入的项目也选择正确才可以。
2023-10-24 18:15:00
1165
2
原创 nvm管理(切换)node版本,方便vue2，vue3+ts开发
使用nvm切换node版本1. 完全删除之前的node及npm（清理干净Node: 应用程序，缓存的文件，环境变量 ）2. 使用管理员身份安装nvm，下载如下3. 安装完nvm之后找到nvm下载路径对应的文件4. 使用管理员身份打开cmd，nvm install xxx（node的版本）,两个版本都执行一次下载命令5. 执行完4之后，nvm路径下出现两个版本的node包。
2023-09-07 20:00:00
740
原创 js 正则表达式 验证 ：页面中一个输入框，可输入1个或多个vid/pid，使用英文逗号隔开...
el-input id="vpid" v-model.trim="tempSet.vpid" placeholder="按VID/PID形式输入，最多输入50组，英文逗号分隔" maxlength="499" type="textarea" :rows="6" style="width: 358px;// _this.$message.error('按VID/PID格式输入')// 多组 VID/PID，VID/PID的正则处理，用逗号(,)隔开。// 一组VID/PID 逻辑处理。
2023-08-29 08:00:00
844
原创 js 正则表达式 验证 ip列表--详情：页面中一个输入框，可输入1个或多个IP，使用英文逗号隔开...
【代码】js 正则表达式 验证 ip列表--详情：页面中一个输入框，可输入1个或多个IP，使用英文逗号隔开...
2023-08-28 19:30:00
615
原创 覆盖或者更改elementui组件原有样式的几种方式如下
以上就是本人总结的几种方式，欢迎补充修改。第2种方式适合对element。第四种方式的局限性比较大，不推荐使用。在需要修改的ElementUI标签的style样式前面加上。3、在当前的vue单页面中添加一个新的style标签。通过内联样式style，直接覆盖默认样式，方式如下。，可以强制修改默认样式。这种方式可以直接用到带有。/* 重写element-ui部分样式 */2、 使用全局统一覆盖的方式。/*自己本地的样式*/4 通过内联样式修改。
2023-08-15 19:00:00
2954
原创 前端开发环境搭建，换新电脑前端开发的步骤，node环境配置
，开始安装Node.js，一路next，注意：安装目录看自己需求，本人安装在D:\nodejs目录下。1、下载好的vsCode，任何插件都没有，下面说说我的一些前端常用配置插件，欢迎补充说明。3、Vetur：这个插件是识别vue项目文件的，如果没有这个插件，vue文件是无法识别的。4、vscode-icons：这个插件是给对应的文件加上相应的字体图标的，看起来更加美观。1、win10&win11：右键此电脑——属性——高级系统设置——高级——环境变量。安装好上述的环境后，前端的基本环境就搭建完了。
2023-08-14 09:00:00
182
原创 gitee代码扫描js代码，降低复杂度，减少if-else判断的处理方法
把if-else换成如下形式页面上的代码<el-button id="btnSave" type="primary" :loading="loadingEdit" @click="saveEdit('put','baseSet')"> {{ $t("formLabel.save") }} </el-button>methods代码： // 编辑设备保存按钮 处理代码复杂度，判断太多问题 saveEdit(type, api) { this.loadingEdi
2023-08-09 18:45:00
101
原创 使用 Recorder.js 在vue项目中实现录音功能
btn_not_pressed_img: require("@/img/按钮未按状态.png"),console.log("音频设备打开失败, err= ", err);btn_pressed_img: require("@/img/按钮按下状态.png")console.log("录音设备关闭失败,err= ", err);console.log("没有在录音，请长按按钮");console.log("开始录音");
2023-08-08 19:30:00
1529
1
原创 vue项目使用echart实现动态折线的实时数据效果
目前有三种方式可以实现：1、定时器不停的刷新，2、是使用scoket实现，3、是使用requestAnimationFrame实现，原理都一样，都是不断循环调用echart对象的setOption方法，每次改变一下series里面的data数据（即每次在data数组最后push一个数据，如果数组总数达到设置的一屏最大数，则先shift开头的一个数据，再结尾push一个数据），达到动态更新曲线图，实现心电图动画效果。offset: 1, color: '#C7ABE4' // 100% 处的颜色。
2023-08-07 09:15:00
1622
原创 使用requestAnimationFrame 实现倒计时功能js(简单秒数倒计时)
const endTime = Date.now() + 20 * 1000 // 加上20秒 // 结束时间。这里也可以吐槽下 那个Promise函数 这玩意有一点不好的就是 一旦运行必须给个结果 不能取消 中途不能取消。这东西 就是实现了简易版本的倒计时了 从实现上看 和 上面的两种其实差距不太大哈。拿一个简单的例子吧 就是获取验证码的倒计时 一般来说就是60秒。可能很容易忽视这玩意 觉得可能就是做动画用的。let rafId;// 标识动画的id。// 如果中途能取消的话 就很好了。
2023-08-02 05:45:00
606
原创 如何预加载图片，不建议图片很大的时候使用懒加载
虽好 但是吧他有一个问题就是当图片稍微有些大的时候, 还是会出现加载过慢的原因。预加载代码倒是不复杂 主要是在合适的时候调用这个比较有考究。这个时候我们就需要对某一些图片进行预加载了。调用的时候 直接传入图片的url地址即可。
2023-08-01 09:15:00
181
原创 解决vue cli3脚手架+elementui组件在线上icon乱码问题
1、下载依赖css-unicode-loader 和sass-loader。// 下载依赖并配置css-unicode-loader函数写法。改变原有的写法，改为上面的写法，重新启动项目即可解决乱码问题。2、在vue.config.js中配置。// 解决打包线上icon乱码问题。
2023-07-31 10:06:15
464
原创 axios拦截器已经封装好，需要单独在页面接口重新赋值新的token
* get 接口 在 IE11 中，如果 GET 请求相同的 URL ，浏览器默认会使用之前的缓存数据，而不是重新请求接口，导致页面数据没有更新 */里面会处理ie浏览器缓存的不请求接口的问题，还有token到期后，接口重新返回新的token重新赋值的问题。// 获取接口返回的请求头中新添加的token，更新本地的token。// 时间戳，解决ie浏览器请求一次，不请求,获取缓存的bug。// 请求已发出，但是不在2xx的范围。// 定义赋值新的token。// 更新新的token。
2023-07-28 20:15:00
172
原创 elementUI 实现动态表单数据校验
el-input type="textarea" v-model="form.description" placeholder="请输入说明" maxlength="300" rows="3"el-form标签绑定的对象 :model="form" :rules="rules"，这里的form就是我们用到的表单那个对象，rules就是我们定义的校验规则。{ type: 'email', message: '请输入正确的邮箱地址', trigger: ['blur', 'change'] }
2023-07-27 19:30:00
1431
原创 vue项目中，直接关闭浏览器也要记录登出日志的处理方式
可是问题来了，关闭浏览器会强制取消接口，也就是在监测浏览器关闭事件里面不会执行接口函数，alert()和console.log()也不会执行，经过我得实验测试，可以进行在浏览器的localStorage缓存里存值。// 判断是窗口关闭 毫秒数判断 存值 来判断关闭过浏览器，和关闭浏览器的时间，存起来，用于登录页面登录之后，继续掉登出接口，把关闭浏览器的时间传给接口记录下来。// 需要区分 是登出日志没有关闭浏览器和关闭浏览器字段来判断调用记录日志接口。// 关闭窗口之前执行。// 监听浏览器关闭。
2023-07-24 17:17:21
588
原创 在vue项目中echarts父子组件异步传值，解决数据更新，echarts页面不更新问题
echarts图表是作为子组件进行展示的，需要父组件发送请求并获取到返回数据后再传给子组件进行数据展示，但是由于子组件比父组件先渲染，所以就会导致子组件获取不到父组件传递的数据。// 源IP地址echarts 渲染的echarts在组件种渲染 接口数组由父组件传入。在子组件中，通过props接收父组件的数据，并通过watch监听。// 检测是否已经存在echarts实例，如果不存在，则不再去初始化。// 监测父组件传过来的数据进行处理成柱形echarts需要的格式。首先，在父组件中引入子组件并注册。
2023-06-27 16:17:22
1397
原创 el-tree大量数据会导致dom渲染缓慢问题
但如果在节点数量在万级以上会有明显的卡顿，若数据量在五万以上可能会导致el-tree假死的情况。注意此方法查询会导致dom渲染卡顿问题，也可以做成你可以做成懒加载的树，搜索查询某个节点时调用接口，让后端返回对应的路径。看看vue-easy-tree的效果。无卡顿，我们通过控制台可以看出，el-tree渲染了所有节点，而虚拟滚动只渲染了可视区域的节点。vue 实现 tree 树形大量数据的多功能虚拟滚动-Virtual Tree_Brad_chao的博客-CSDN博客_vue树形数据展示。
2023-06-13 17:41:27
1192
原创 vue-cli3的项目中使用jquery
/ 当然还有这句话 给vue原型上添加 $反正我能直接使用，看了别人写的还要在main.js文件里添加;我并没有添加，能用就行了；import $ from 'jquery' //加上这句话。第二部配置vue.config.js, 没有这个文件就创建。
2023-05-24 15:56:46
303
1
原创 vue刷新当前页面的4种方式方法
4、通过在父页面的<router-view></router-view>上绑定和切换key属性,来销毁和重新创建页面的方式刷新页面,具体的方式是指定key的值为$route.fullPath,通过在子页面通过this.$router.push(this.$route.path+'?2、通过$router.replace方法, 跳转一个空白页面,然后再调回之前页面, 它利用vue-router切换页面会把页面销毁并新建新页面的特性。1、通过location.reload和$router.go(0)方法。
2023-05-21 17:19:29
6066
原创 文件上传组件内部header的token不更新问题el-upload解决
/ token变更之后，组件内部token没变化，重新赋值headers新的token,更新token this.$set(this.$refs.fileUplaod.$refs.upload.headers, 'x-Authorization', getToken())
2023-05-19 13:56:24
320
原创 el-tree如何获取树结构中指定节点数据，并且保持原有层级结构
假设树的深度为3，按照id列表去遍历匹配，如果二级节点有children那么就从三级节点进行过滤，如果没有就从当前二级节点进行过滤，过滤掉不匹配的节点，并且保留原有层级结构。// allKey保存 树形结构的父子key组合id数组 被选中的节点的 key 所组成的数组。// 获取树结构中指定节点数据，并且保持原有层级结构 把数据合成接口需要的格式。
2023-05-12 17:22:23
1599
原创 echarts出现“There is a chart instance already initialized on the dom.”警告的解决办法
由于项目中二次封装了echarts折线图，并且父组件通过选择不同时间，像后端请求不同数据，显示在折线图上，频繁切换会出现“There is a chart instance already initialized on the dom.”的警告，在网络上找办法后，解决了这个问题。这个问题的出现在于，在一张表上渲染不同数据，其实dom已经存在了，但是我们在每次数据发生改变的时间都重新进行了一次渲染，导致出现警告。// 检测是否已经存在echarts实例，如果不存在，则不再去初始化。
2023-04-27 15:53:56
2794
原创 iconfont图标不能修改颜色解决方案
这是因为那些本来就有颜色的icon或者自己选择了颜色的icon下载用到项目里之后就无法改变颜色了。有颜色的icon会在svg的path中增加fill属性，所以无法更改颜色。下载js文件后，用编辑器打开，然后用正则表达式查找：fill="#......" ，进行替换。把要下载的icon添加到项目中，然后在我的项目中选择批量操作，接着选择icon，点击批量去色。在做项目的时候我发现下载的icon有的可以修改颜色而有的不能。，然后在vue.config.js中进行配置（代码加在。
2022-10-14 17:34:45
4433
4
原创 vue cli3兼容win7 32位的ie8浏览器打不开提示页面，处理方式，跳转提示的页面是后端路由指向
1、在项目的index.html中加入js function browserVersion() { var userAgent = navigator.userAgent; // 取得浏览器的userAgent字符串 var isIE = userAgent.indexOf('compatible') > -1 && userAgent.indexOf('MSIE') > -1; // 判断是否IE...
2022-07-05 16:37:10
682
转载 vue动态菜单，根据登录用户权限返回不同菜单，登录完成跳转到不同的首页
1、动态菜单，前提是根据后端返回的不同菜单，展示给不同的人，路由一定要和菜单返回的URL保持一致，2、前提是，路由中不要写死redirect到某一个指定 文件，因为登录的用户不一定有这个权限3、流程（1）路由配法新建一个位于view文件夹下的index.vue用来进行路由分发路由文件中新建一个路由，当 / 时重定向到 /root ，/root即引用的上面创建的index.vue文件（2）index.vue文件做路由分发getloginlist()方法为获取登录用户有权限的菜单，返回的菜单t
2022-04-16 22:35:44
3828
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人