Deku_Ln的博客

这里感谢router新加的addRoute(route:Array)方法，让我们可以进行相关的路由权限的配置。路由的权限配置这里我介绍一下结合后端的方法。首先我们需要对于路由信息进行数据库的存储，通过后端进行路由的权限控制在前端添加一个菜单管理的界面来让我们可以在前端进行路由的相关配置信息const router = new Router({ mode: 'hash', scrollBehavior: () => ({ y: 0 }), isAddDynamicMenuRou

话不多说直接上代码. // tooltip跳转 // this.axisIndex指当前tootip所在索引 // barChart 是Echarts初始化后的DOM节点 // this.xAxis为横坐标长度 setAnimation() { this.clearTooltip(); // timeAnimation为我们设置的进行动态执行tooltip的方法 this.timeAnimation = setInterval((

关于验证码校验，可以通过后端返回校验图片，也可以前端进行校验。这里通过Canvas来简单的实现验证码的校验。首先先看效果吧~~~这里就只是实现一个简单的验证码校验的效果，话不多说直接看代码吧关于这个验证码效果我把他封装成一个组件。<template> <div class="confirm_code"> <canvas id="confirm_id" :width="contentWidth" :height="contentHeight">&l

这里就想记录一下关于解决路由懒加载热更新慢的问题。我们知道使用路由懒加载可以优化我们系统的加载速度，但是在使用懒加载的时候在我们开发环境下会导致Webpack热更新慢的问题，致使我们运行项目会很漫长。（当然如果是通过Vue3的Vite的话，它是不用webpack的所以这里也不列举进来）那么我们就可以进行设置，在我们开发环境下就不用懒加载，在我们生产环境下就用懒加载就可以了。我们可以在路由设置的文件夹里增加一个开发环境路由配置和生产 环境路由配置。我们设置了增加了一个import_develo

1. 首先我们需要知道关于浅拷贝与深拷贝的问题。简单来讲，浅拷贝是指向和拷贝对象相同的内存地址，因为是共用一个地址，所以当拷贝对象发生变化时，我们新的对象也会发生变化。let arr1 = [1, 2, 3]let arr2 = arr1console.log(arr2)arr1[0] = 0console.log(arr2)console.log(arr1)这里我们可以看到在进行浅拷贝的时候，我们改变被拷贝对象，相应的拷贝对象也会发生变化。而深拷贝的时候，我们是开辟了一块新的内存地址

由于最近遇到项目是从服务器下载相关模板文件，所以在这里进行相关问题的总结。就拿我要下载的xls文件为例。往往我们可以通过a标签进行文件的下载，地址就是我们在静态文件中存放文件的地址<a :href="downloadURL" download="MATERIAL.xls" class="download_btn">下载模板 </a>其中downloadURL为我们静态文件的地址（往往我们把静态文件放到static或public下，这样打包文件找起来会方便

在进行接口调用的时候，我们通常都会使用POST和GET方法来进行请求。虽然还有put和delete的，但是实际运用的还是不多，不过如果在后端定义好的请求是delete后，我们往往需要在前端发送对应的请求。如果这个时候你想用post方法来进行接口请求，需要对于接口请求进行一定的修改。 this.$http({ url: this.$http.adornUrl('/auth/oauth/token'), method: 'delete',