- 博客(27)
- 收藏
- 关注
RSS订阅
原创 全程实现单点登录功能和请求被取消报错“cancelToken“ of undefined的解决方法
单点登录的实现和常见问题，以及"cancelToken" of undefined解决方法
2022-06-10 15:48:29
713
1
原创 关于element-UI的el-select下拉框数据回填显示的id问题
关于element-UI的el-select下拉框数据回填显示的id问题问题如图： 三个form-item都是使用el-selece，但是责任人一栏却显示为id问题情况 是后台返回的数据类型的原因。我在接口获取的function里 循环责任人的id，打印类型为number。此时以这样的情况可以判断为id应该属于String类型。如下图：我使用map更改原数组，使其id转为String再重新赋值给id。整个数组再赋值给空数据，这样再绑定el-select就不会出现数据回填显示id的情况了！
2022-01-25 10:00:08
7702
4
原创 使用vue实现九宫格抽奖功能
使用vue2和vue3分别实现九宫格抽奖功能关于九宫格抽奖的功能，想必大家都见过。外圈为奖品，中间是一个抽奖的按钮，接下来就讲解怎么实现九宫格的抽奖功能。本demo使用技术：vue2/vue3，作用域插槽，定时器，递归自调用，注册全局组件这里我就搭建个新vue3的项目，虽然是vue3，但也完全可以使用vue2的写法实现创建项目删除初始化代码省略…在这里我是写死的数据。首先我们在App组件里声明list数组，用来当做奖品。这里我们在list数组里写8个项，id从0到7，text可随意写（九宫格为什么
2021-05-27 10:59:03
5597
1
原创 element插件的props配置
正常情况：defaultProps: { children: "devices", label:"name"},特殊情况：当我们有子父两级结构时，恰好子父两级的label值都不同defaultProps: { children: "devices", label: function (data, node) { // 父级 == label:"chn_name" if (data.chn_name) { return data.c.
2022-05-26 09:53:05
773
原创 把el-tree选中的数组转换为数组对象
问题：el-tree根据数组对象的结构进行渲染，当我们勾选了想要的数据后只会生成一个数组想要的效果：把获取选中的数据（数组），根据父A下的子a的结构，进行父子级对应的数据结构转换我的数据结构：贴代码：直接复制，改一下变量名即可使用<el-tree :data="collectionListData" show-checkbox node-key="id" @check="checkFn" ref="tree" .
2022-05-26 09:48:01
700
2
原创 现取前端base64转csv和csv转base64
环境：1：上传： 将要上传的文件转为base64编码，然后将base64编码发送给后端2：下载： 将后端返回的base64编码转为文件并且下载此处用于csv文件，文件后缀可自行更改let keyStr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";let Base64 = { encodeFuc: function (input) { let output = "", chr1
2022-05-10 09:46:23
1080
原创 同时获取el-select的id和值
1：如下图：我这里绑定的为dirName值（目录名称），但同时也需要当前值的目录id2：注释详解这里我们只需要在提交按钮(submit)里（请求接口前）通过目录名称获取目录id，再传递值// this.catalogue 为接口数据（Array）, 对它使用map操作this.catalogue.map((item) => { // 判断form表单的目录名称与接口数组项的里名称是否相等 if (this.formData.dirName == item.name)
2022-03-23 15:34:49
1330
原创 对比两个数组，过滤掉重复的每一项
该问题出现在APICloud的代码上，使用的是两个for循环，在for循环内有个push，导致结果push了两次。因其他原因不能对其for循环进行修改，所以在push之后，赋值前对数组进行过滤重复。尝试过 filter，map等都出现报错问题原数组（举例）var list1 = [ { id: 0, name: '张三', }, { id: 1,
2022-02-21 09:31:21
832
原创 path C:\Program Files\nodejs\node_cache\_cacache\tmp\8dc1acec
path C:\Program Files\nodejs\node_cache_cacache\tmp\8dc1acec遇到这个错误，自己折腾了不少时间，在网上查了半天方法，都不行。差得问题在于node版本过高导致1：对node进行环境变量配置会生成一个文件 在C盘>用户>你的用户名>一个隐藏文件 .npmrc  
2021-09-27 16:13:22
1599
原创 elementUI分页功能的实现
看效果：1：搭建我这里直接复制的element里给的默认数据，并稍作修改进行展示（以下均为完整代码）tableData: [ { date: "2016-05-02", name: "王一虎", address: "上海市普陀区金沙江路 1518 弄", }, { date: "2016-05-02", name: "王二虎", ad
2021-08-18 15:45:00
1025
原创 把token存到vuex中
这里我做一个数字++，- -和清零的操作1：我这里在创建项目时，一同下载了xuex。就直接开始了 在state里定义一个num=0，然后在mutations里定义++，--和清零的方法state: { num: 0},mutations: { // 加加 addBtn(state) { state.num++ if (state.num == 99) { state.num = 99 a
2021-08-17 16:53:41
676
原创 vue多页面引入同一组件,传入不同值
这里直接开始，我是新创建了一个vue小demo项目，利用Helloworld组件实现创建好之后，对About页面也引入Helloworld组件，并注册使用接下来我们修改 msg的值，改成绑定形式home页面的msg的内容是：msg: “Welcome to Your Home.Vue”。对不同页面的msg的值，并做出不同的修改，是用于区分的在Helloworld组件，改变传值的写法。default是默认内容，用于在其他页面引入时，不传值的时候，显示的内容。运行效果：上下为 ho.
2021-08-17 10:58:43
1963
原创 学习闭包基础知识点
在开始闭包之前，我们可以先来了解下相关知识无需了解，直接开始闭包函数作用域和全局作用域function fn(){ var str = 'bar' console.log(str) // bar}fn() 以上代码等同于以下代码var str = 'bar'function fn(){ console.log(str) // bar}fn()也可以function fn(){ var str = 'bar' function fn1(){ co.
2021-08-16 17:01:01
141
原创 vuex-persistedstate的部分持久化
项目原先是别人写好的，所以他把所有的数据都持久化了，而我需要有的数据不持久化，所以就在这里用的代码记录一下我的修改1: 下载 npm/yarn install vuex-persistedstate --save**************store文件夹下的index.js*****************之后在这个文件里引入:import createPersistedState from "vuex-persistedstate" 使用: （这里是对所有的数据都进行持久化）
2021-08-12 15:13:33
851
原创 i18n国际化语言翻译切换后无反应
针对使用i18n国际化语言翻译切换后无反应，而修改代码后保存的热更新就有实现的问题按正常情况引入i18n并注册使用后，一部分人可能会在data里声明像我： 我是直接在data里赋值给了leftMenu变量data() { return { leftMenu: this._.cloneDeep(this.$t("leftMenu")); }},然后在接下来切换语言类型时，（只有这里声明在data里的数据，无法第一时间更改语言。其他地方没有影响）.
2021-08-03 15:02:45
2072
原创 一网打尽this，对执行上下文说Yes
**话不多说，直接上**1：全局中的thisfunction fn(){ console.log(this)}function fn2(){ "use strict" console.log(this)}fn() // windowfn2() // undefined结论：正常情况下，全局this都是指向window，而在严格模式下this指向undefined2对象中的thisconst foo = { bar: 10, fn: function () { c.
2021-07-30 13:46:27
113
原创 通过数据库把xls文件专为json文件
当我们手里下发了一个表格文件，怎么转成json文件呢首先就是要整理表格的格式把一下合并的单元格给删除掉，每个字段放在第一行，内容就从第二行开始整理前：整理后这样我们的表格格式就没问题了，一个字段对应一列内容下面我们就开始导入数据库（Navicat Premium）首先右键数据柜，点击新建数据库然后双击我们刚刚建立的数据库，（ceshi就是我新建的数据库名）双击变成绿色就成功了，之后点击新建表然后把各各字段都设置好（每一行都代表一个字段）因本人文件里的
2021-07-28 18:07:33
841
原创 forEach循环里用if判断，然后根据下标使用splice删除数组元素后，产生下标错乱问题 解决方法
本人在forEach循环里使用if判断进行splice删除数组元素，然后根据index生成的序号产生了错乱问题本人代码如下： ele.index = index + 1， 是根据下标 添加的序号来看打印效果： 数组第三项还有index下标，第四项就没了自然序号也就没了现在问题出现了，那就开始解决*因为代码写法和后期查询列表问题，不能使用push添加到新数组*使用 delete 删除法删除后，所有的下标都没了最后瞎整了半个小时才
2021-07-27 16:44:31
2077
原创 关于项目打包优化，和element is defined的问题
关于项目打包优化，和element is defined的问题element is defined的问题将写在文章最后面Ⅰ：可以使用vue-cli本身提供的性能分析工具进行打包分析 npm run preview – --reportps: 看上面的安装命令，最后一个单词前面显示三个杠，其实是四个，- - --report,前面两个连在一起又跟了一个空格，所以显示成了一个杠，正确命令是 npm run preview -(这俩杠记得连在一起)- --reportⅡ：打包完成后会显现两个地址我们
2021-04-29 18:08:44
789
9
原创 vue中使用v-model进行跨组件绑定的基本实现
vue中使用v-model进行跨组件绑定的基本实现大家好，今天我们来说一下使用v-model实现父子组件的绑定效果1：简单版代码如下：父组件：<template> <div> // 3：使用子组件，并使用v-model绑定 <About v-model="father"/> </div></template><script>// 1：引入子组件import About from "./About";
2021-04-26 10:40:16
958
4
原创 根据函数形参的值，把一维数组转为多维数组
根据函数形参的值，把原有数组进行固定拆分，合并到新的数组上。大家好，这篇文章是我加入CSDN将近两年来，第一篇文章，讲述的是一个朋友的小demo，感谢收看。问题要求如下：ps：最终效果为 [ [ arr1 ] , [ arr2 ] …]刚开始可能觉得这是一个小demo，略看了一眼，写成了这样执行效果：-_-||然后就被杠了，重新审题，重新写思路：使用数组的splice方法，进行拆分数组，把所有拆分出来的数组添加到一个新的数组里，并且把剩下小于参数变量值的元素进行判断，成立时也添加到新的
2021-04-21 20:08:49
531
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人