- 博客(44)
- 收藏
- 关注
RSS订阅原创 记录-使用antd和element输入框去掉前后空格
不然输入中间空格的时候只能输入完后插入空格很麻烦。废话不多说， 直接在v-model后加上。
2024-03-05 16:21:43
512
原创 记录-关于axios“GET”请求获取到pdf文件流下载的问题
不是使用axios的原因，也不是responseType未设置的原因，仅仅是因为我把请求参数和responseType分成俩对象导致被忽略了…具体get请求传参的可以去看官网，这里记录下因为传参导致我下载文件出的错误。对比代码放在下面，希望和我碰到同样问题的同学能少踩坑。
2023-11-29 16:27:24
911
2
原创 记录--关于vue-router4+TS传参使用params undefined问题
记录--关于vue-router4+TS传参使用params undefined问题
2022-07-25 15:21:31
2005
1
原创 记录--使用el-time-picker默认值问题
首先文档有指出不同组件的默认值default-value类型区别；el-time-picker默认值的类型为new Date()，而el-time-select的默认值类型为string所以首先要知道是用的哪种，然后设置，还有一点是new Date()需要设置的是完整的日期时间，如果你要使用el-time-picker设置默认值需要这样new Date(0, 0, 0, 0, 0, 0)显示时间就会是00:00:00；前三位是年月日后三位时分秒，因为我们是用的是时间插件所以改动后三位即可；使用e.
2022-04-21 09:35:21
10672
原创 记录--input上传文件夹
话不多说直接上代码：上传文件夹需要使用到webkitdirectory属性<input type='file' id="inputUploadDir" name="file" webkitdirectory>// change方法function selectFolder(e) { //文件夹里面所有文件 var files = e.target.files; //文件夹名称 var relativePath = files
2022-03-29 10:28:58
1882
原创 记录--vue3 + vite + element-plus遇到的问题（不定期更新）
element-pluselement-plus中图标是需要单独引入的：# NPM$ npm install @element-plus/icons-vue# Yarn$ yarn add @element-plus/icons-vue# pnpm$ pnpm install @element-plus/icons-vue然后在自己需要用到的地方单独引入如：// 引入import { User, Key } from "@element-plus/icons-vue";// 调用.
2022-03-25 17:03:47
1268
原创 记录--VUE使用antv X6实现流程图
安装npm install @antv/x6 --save引入import { Graph, Addon } from "@antv/x6";说明：如果没有自定义拖拽到画布的需求引入Graph就行了。具体说明可查看官网所有事件graph.dispose() // 删除画布graph.model.getNodes() // 获取画布中所有节点数据graph.model.getEdges() // 获取画布中所有连接线数据初始化代码：<template> <div
2022-02-21 10:06:12
4124
2
原创 记录--v-for使用splice会重新渲染问题
原因很简单！就是key值不要用index！一定一定要在新增的时候设定一个唯一值给到key！这样就不会因为每次改变数据，数组长度改变导致index改变重新渲染拉！切记切记
2021-12-17 10:32:27
423
原创 记录--luckysheet各种报错处理以及部分功能问题（不定期更新，碰到啥问题就记录啥问题）
首先是引入图表时会报的错误chartmix is not defined为什么呢？因为你在luckysheet.umd.js文件里的引入路径出错了，检查network可以看到有没有加载全文件，然后通过文件名去luckysheet.umd.js文件里查找改变路径、关于图表创建后luckysheet.toJson()得出数据再导入图表不显示的问题：通过看源码发现图表数据存在chartOptions参数中，但是打印luckysheet.toJson()发现图表参数chart里并无chartOptions，.
2021-11-10 16:17:44
4412
3
原创 记录--vue使用Luckysheet监听切换sheet事件
Luckysheet中有多种操作事件，具体可以查看配置；事件全部是写在配置里的hook中，如： hook: { cellDragStop: function (cell, postion, sheetFile, ctx, event) { // console.info(cell, postion, sheetFile, ctx, event); }, rowTitleCellRenderBefore: f
2021-10-21 13:59:58
4293
原创 记录--vue使用Luckysheet插件实现导入导出
Luckysheet开发的excel导入导出库-Luckyexcel (opens new window)已经实现了excel导入功能（目前只支持xslx文件）；支持多sheetLuckysheet导入文档vue中使用方法：npm引入npm install luckyexcel引入到页面中import LuckyExcel from 'luckyexcel'使用方法： let file = e.target.files; if (file == null || file.l
2021-10-19 10:20:57
2401
1
原创 记录--vue本地引入Luckysheet（vue-cli2版本，vue-cli3参考官网）
Luckysheet文档Luckysheet现在还没有发布出模块化的开发，不能使用npm，所以要在VUE项目中使用Luckysheet首先需要去下载github源码后打包文件，将打包好的文件复制到项目目录中的static文件夹里面然后！很重要的一点，需要用到图表的话一定要记得改luckysheet.umd.js文件中的“dependScripts”和“dependLinks”中图表引用的路径另外一种就是直接调用网络地址，但是图表部分还是会报错，所以我最终选择了引入到本地使用，然后导出的方法文档里面的常
2021-10-12 17:04:05
3906
3
原创 记录--VUE使用GOJS（操作数据、消除水印、导出图片等）
因为GOJS属于不能免费商用的插件，后改用antv X6来实现流程图效果，使用方法可查看我另一篇记录GOJS官网首先引入GOJSnpm install gojs --save文件中引入import go from "gojs";关于去除左上角水印网上找的方法基本查找那串数字但是我的版本为"gojs": "^2.1.48"，找遍了没有找到，最后发现一篇文章中的方法完美实现去除水印；方法是在node_modules\gojs\release\go.js文件中找到String.fromCharCod.
2021-08-31 15:25:25
2165
2
原创 记录--关于将字符串计算公式以及字符串函数转变成js代码
因为业务需求遇到需要由使用者输入一段计算公式或函数，前端获取到数据（字符串类型）再将公式/函数解析成JS所需的代码；所用到的方法就是eval()，eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。下面就是我所用到的方法：解析函数<body> <textarea rows="10" cols="30" class="xsxs"></textarea> <button onclick="clickBtn()">点我&
2021-08-18 10:32:00
514
原创 记录--vue父子组件传值，多层嵌套数组，父组件改变值子组件不更新问题（更新使用watch监听）
起因是父组件改变input绑定值时一直无效，打印数据却显示赋值成功，切换几次值又显示出来，尝试过watch监控也无效，最后找到这个方法后成功赋值，记录一下????let data = [ { a: [ { b: {value:''} } ] }]let obj = data[0].a[0].b;obj.value = '测试';data[0].a[0].b = obj;this.infoData = Obj
2021-08-04 14:22:30
1336
2
原创 记录--js获取元素以及元素子节点等
document.getElementById("xxx").childNodes // childNodes：获取当前元素下的所有节点，包括文本节点、注释节点。document.getElementById("xxx").children// children：获取当前元素所有下子节点document.getElementById("xxx").firstChild // firstChild：获取元素的第一个子节点document.getElementById("xxx").lastChild /
2021-07-14 11:11:00
806
转载 记录--elementUI中Message拦截，重复提示只显示一个
建立resetMessage.js文件import { Message } from 'element-ui';let messageInstance = null;const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } messageInstance = Message(options)};['error','success','info','warning'
2021-06-10 14:14:03
517
原创 记录--vue组件之间交互
下方案例展示父子组件之间的传值以及事件：父子组件之间传值可使用props，也可在父组件调用时设置ref更改；子组件的方法在父组件调用需在父组件事件中使用this.$emit(‘调用名’, 需要传递的数据)子组件son.vue：<template> <div id="son" @click="sonClick('我是子组件','我传过来啦')">{{info}}</div></template><script>export de
2021-06-10 14:03:54
76
原创 记录--GIT操作记录
GIT操作记录拉取线上最新代码：git pull查看上次拉取代码的差异：git diff HEAD^查看所有分支：git branch-a打印提交的日志：git log本地下载远程目录：先复制 SSH：git clone (SSH地址)建立自己的分支：git branch 分支名把自己的分支上传到远程仓库：git push origin 分支名:分支名新建分支在本地创建新分支：git branch 分支名切换到分支：git checkout 分支名将新分支推送到远程仓库，如
2021-05-11 09:27:37
173
原创 记录 -- node-sass安装各种报错安装不成功，缺少node文件
起因是换了台电脑开发原来的项目，且node版本从9x升级至14x。从git上拉下来后理所当然的npm i后报错npm ERR! chromedriver@2.46.0 install: node install.js????；各种找解决办法，最后npm install -ignore-scripts顺利解决；继续运行npm run dev又又又报错！！！！！Error: Node Sass does not yet support your current environment: OS X 64-bi
2021-05-06 15:23:04
359
原创 记录--升级nodejs后原有VUE项目报错
最近因为项目需求更新nodejs到14.16.1版本，但是运行原来的项目后发现报错，查了其他资料是使用：npm rebuild node-sass和npm update但是我试了好几遍都没有用(；へ：)还是各种报错，最后参考文章使用这个：npm install -g cnpm --registry=https://registry.npm.taobao.org完美运行٩(๑❛ᴗ❛๑)۶看报错是因为 node-sass 及 node-gyp 安装需要去找国外资源下载，网络会不稳定，所以使用镜像后完美运
2021-04-25 17:11:00
564
原创 记录--vue+el-table导出（多级表头）
使用的是JS-xlsx和file-saver插件（npm install --save xlsx file-saver），代码：import FileSaver from 'file-saver'import XLSX from 'xlsx'...exportReport(name) { try { const $e = this.$refs['report-table'].$el let $table = $e.querySelector('.el-ta
2021-01-20 16:20:58
580
原创 记录--重组数组和拆分数组
话不多说直接上代码：重组数组：var group = function(array, subGroupLength) { let index = 0; let newArray = []; while(index < array.length) { newArray.push(array.slice(index, index += subGroupLength)); } return newArray;}array是需要重组的数组，su
2020-08-03 20:51:26
288
原创 记录--js替换字符串中的某个字符
js中替换字符串中字符可以用replace函数来实现，但replace默认只会替换一个所以最好用正则来实现，方法如下：替换一个：let a = '1,2，3,4，hhhgggg’console.log(a.replace(/,/,':')) // 1:2，3,4，hhhgggg全局替换则加上全局标识g：let a = '1,2，3,4，hhhgggg’console.log(a.replace(/,/g,':')) // 1:2，3:4，hhhgggg数字或其他字符方法一致...
2020-08-03 20:34:42
202
原创 记录--vue+element无限级动态树菜单（加入点击事件）
因为项目里需要用到多级动态菜单，在网上找了一下参考了这位写的方法还挺不错 点我点我首先创建一个子组件：<template> <div class="menutree"> <label v-for="menu in data" :key="menu.index"> <el-submenu :index="menu.index" v-if="menu.info"> <template slot="title">
2020-07-07 17:08:34
2101
原创 记录--js读取txt文件内容
话不多说直接上代码 function fileChange(e) { let file = e.target.files[0]; var readerReport = new FileReader(); // new一个FileReader实例 readerReport.readAsText(file, "UTF-8"); // 将文件读取为文本，其中第二个参数是文本的编码方式，默认值为 UTF-8，包含中文记得改用GBK readerReport.onload = funct
2020-06-16 20:48:09
1250
原创 记录--uni-app运行到微信小程序的方法
刚开始按照官网上的来运行发现运行不了会报错，后来查了一下发现应该在manifest.json文件里设置填好你的小程序ID，然后再微信开发者工具的设置–安全设置–服务端口选择开启最后在HBX里面运行就可以啦...
2020-03-24 09:04:19
2862
原创 记录--在谷歌浏览器登录时自动填充问题
项目在谷歌登录时账号一直自动填充到验证码的框里面，账号的框却无法自动填充，发现使用el-input浏览器会自动加autocomplete属性，但是设置off或者on或者new-password都是无效的，最后找到解决方法：在会自动填充内容在form表单的第一个Input前添加一个隐藏的input type=“password”<input type="password" style="...
2020-03-13 15:35:28
517
原创 记录--根据数组中的某个参数正序/倒序/相同类型排序
let a = [{ a: 1, b: 2, c: 3, d: 4 }, { a: 1, b: 2, c: 3, d: 4 }, { a: 1, b: 2, c: 1, ...
2020-03-11 10:41:14
332
原创 记录--js读取文件并显示在页面/输入内容显示在页面（解析换行）
记录新碰到需求，用于商品图文显示输入内容显示需要使用textarea标签，原生input不支持换行，textarea记得加属性wrap="hard"这里有详细说明然后是js，直接贴代码var arr=inp.value.replace(/\r/g,'').split('\n');这样arr获取到的是一个数组然后使用循环在页面显示for(var i in arr) { ppp.innerH...
2019-10-14 10:47:25
2228
原创 记录--根据对象中的key删除此对象
var id = 1;//要删除的idvar array = [{id:1,name:"b"},{id:2,name:"b"}];var newArr = array.filter(function(list){ return id !== list.id;});
2019-09-24 15:57:08
574
原创 记录--js时间格式化以及自然月（系统时间或时间戳）
封装格式化方法time.js引入需要使用的文件import {formatDate} from '../../assets/js/time.js';使用formatDate(new Date())// 转换年月日export function formatDate(date) { var date = new Date(inputTime) var y = dat...
2019-09-18 14:57:51
303
1
原创 记录--js上传图片转base64并浏览
因为使用element的上传存在一点问题，直接改用原始的上传方式 <div id="prompt3"> <span id="imgSpan"> <i class="el-icon-plus"></i> ...
2019-09-12 17:15:05
380
原创 记录--vue改变数据页面不更新
改变数组对象某个值的时候使用this.a[0].b = 0时页面没有变化，使用this.$set(a[0], 'b', 0)全局方法页面更新了，官网说明或者改变a[0]下所有数据时：this.$set(a, 0, {b:0,c:2,d:3})...
2019-09-05 19:34:44
573
原创 记录--js去除数组中的空值
var array = [1,2,'',4,'',6]; var arr= array.filter(function (el) { return el !== ''; }); console.log(arr) //[1,2,4,6]
2019-09-03 18:19:47
3394
1
原创 记录--NPM卸载命令
npm uninstall xxx // 删除模块npm uninstall xxx -g //卸载全局模块npm uninstall xxx --save // 删除模块，同时删除模块留在package.json中dependencies下的对应信息npm uninstall xxx --save-dev // 删除模块，同时删除模块留在package.json中devDependenci...
2019-09-02 15:45:30
1244
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人