摘要：
vue中的slot插槽有3种： 默认插槽、具名插槽、作用域插槽。 插槽的作用就是父组件在使用子组件的时候，可以对子组件的某些地方内容进行自定义。 1. 默认插槽 子组件在代码块的某个地方放置 <slot></slot> ，然后父组件在使用子组件时，直接在子组件下面自定义内容即可。 子组件： 1 // 阅读全文
摘要：
组内的小伙伴今天分享了一下【js事件执行顺序】，所以今天浅记一下，牢固理解和印象。 1. 首先js的任务事件分为2种，同步任务和异步任务，像我们代码中会立即执行的就是同步任务，需要一点时间比如调用后端接口等就是异步任务 2. 异步任务又分为2种：微任务和宏任务： 微任务：Promise、nextTi 阅读全文
摘要：
我们经常会使用JSON.stringify去处理对象，将其处理为字符串，JSON.stringify可以传入3个参数， （1）第一个参数就是我们经常使用的，即传入需要转化的对象， （2）第二个参数用于特殊处理对象，可以传入数组，也可以传方法，（key,value）=>{ return value}， 阅读全文
摘要：
前提：最近开发了一个导出文件的公共组件，但组内的小伙伴觉得好麻烦，每次都需要import该组件，然后在html模块中写组件的标签，传参等等，觉得好麻烦，希望可以像element UI中的【message】一样，直接 【this.$message({type:"success",text:"成功"}) 阅读全文
摘要：
在项目开发中，需要实现主题切换功能，然后使用css3的 :root 伪类和 var() 实现主题中引用不同颜色的。 1. 首先定义多个主题文件，里面定义对应的颜色变量 2. 在main.js中根据当前的主题颜色，引用对应的scss主题文件。（ps：每次主题更换都将主题的值暂存在sessionStor 阅读全文
摘要：
备份一组数据： 1 let a = [ 2 3 {name:"1",id:"1",children:[{name:"1-1",id:"1-1",children:[{name:"1-1-1",id:"1-1-1"}]}]}, 4 {name:"2",id:"2",children:[{name:"2 阅读全文
摘要：
背景：在项目开发中，我们经常会将样式中的值作为一个变量，尤其是需要处理主题切换时候，更是会通过sass的语法定义样式变量。 1. 首先我们定义一个样式变量文件，文件名暂定：var.scss，如下： // var.scs $--main-color:red; 2. 我们在开发的业务中，需要编写样式时， 阅读全文
摘要：
后端提供一个接口，接口返回的内容是blob，前端进行下载文件，但下载的xlsx文件打不开，提示内容有问题，如下图所示： 解决方式是在axios调用接口时，再增加一个属性：responseType，值为 blob。如下图所示： 阅读全文
摘要：
使用规则： 子组件： slot ( name="定义插槽的名称" arg1="参数1" ) 正常传props 父组件： template ( v-slot:插槽名称="scope" ) ；scope为实参，它是一个对象 ，里面的每个字段是子组件传过来的props，此时scope即为：{arg1："参 阅读全文
摘要：
背景：在实际业务开发中，有个场景需要展示一条路线，但路线节点可能会过多，过多时，需要将中间的节点扣出，用省略号来表示。 实现：项目使用vue框架，js实现。 效果：一条路线中，至少要保留首尾2个节点，其他节点放不下则用省略号汇总替换。 图（1）一般情况下的效果： 图（2）只能放收尾2个节点，且末尾节 阅读全文