- 博客(102)
- 收藏
- 关注
RSS订阅原创 ts踩坑！在类型“xx”上找不到具有类型“string”的参数的索引签名；或者：元素隐式具有“any”类型，因为类型为“string”的表达式不能用于索引类型
在类型“xx”上找不到具有类型“string”的参数的索引签名；元素隐式具有“any”类型，因为类型为“string”的表达式不能用于索引类型
2024-07-12 16:34:27
369
3
原创 ts踩坑！vue3中defineEmits接收父组件向子组件传递方法，以及方法所需传的参数及类型定义！
vue3中defineEmits接收父组件向子组件传递方法，以及方法所需传的参数，避免踩坑！emits方法接收参数类型定义
2024-07-10 11:06:39
285
原创 vue3 validator的 rule ，value，callback的ts类型定义
vue3中 validator的 rule ，value，callback的ts类型定义
2024-06-18 14:44:18
221
原创 在Vue 3中，el-select循环el-option的常见踩坑点，value值绑定对象类型？选中效果不准确？
在Vue 3中，el-select循环el-option的常见踩坑点，value值绑定对象类型？选中效果不准确？
2024-06-13 14:50:33
1227
原创 Vue 3获取DOM元素的大小以及相对于视口的位置的getBoundingClientRect属性
Vue 3获取DOM元素的大小以及相对于视口的位置的getBoundingClientRect属性。监听元素右键事件
2024-06-06 17:32:34
930
原创 Object.assign()用法及详细分析到底是浅拷贝还是深拷贝?
ES6中Object.Assign()用法 ，它是深拷贝还是浅拷贝的详细分析。 deepclone实现深拷贝
2024-04-18 16:10:40
381
原创 vue3 删除对象中的属性，可以使用js里的delete，但需注意ts定义对象类型！
delete 删除对象属性时，给对象用as 断言类型后，就不会再显示报错。虽然解决了问题，但是并不属于规范的ts定义对象类型， 所以不建议不推荐。报错，意思为 TypeScript 错误“‘delete’ 运算符的操作数必须是可选的。定义stateType类型，且要删除的参数是可选的（问号？如上如，当使用delete 删除stateData中的属性时，定义对象stateDate时 stateType类型。再delete删除该对象的该属性时，就不会再次报错。方法二：（推荐，规范）方法一： （不推荐）
2024-04-18 15:13:50
729
原创 《高效能人士的7个习惯》读后感
这样的思维方式会使我们日常工作的思路更加清晰，改变踟蹰不前的现状。那么如果我们每天能清晰明确的知道什么是重要的事，什么是次要的事，明确列出来，有明确的目标来提醒 ，达到工作成果坚持要事第一的原则，这样即使工作在忙碌，也不会自乱阵脚。在我们日常工作中，工作的情绪状态必然影响着工作的质量效率，我们不是被迫的去完成任务，而是积极主动的愿意去服务奉献，既然选择了我们手中的这份工作，那么我们不仅必须做到要热爱它，更要愿意去承担起它的责任，从心里和从行为上都要主动的去做有益于工作的事情，这样既能避免消极懈怠心理。
2024-04-08 17:28:14
278
1
原创 el-form表单结合el-row循环数组，动态添加prop，最后进行表单验证
el-form表单结合el-row循环数组，动态添加prop，最后进行表单验证
2024-03-12 11:37:51
958
原创 使用reduce递归获取有多层嵌套的数组中的children
使用reduce、foreach、flatMap等多种方式 ，递归获取多层嵌套数组中的children，
2024-03-05 10:47:23
383
原创 vue 清空地址栏的参数
当我们想要继续保持在该页面时，并且要清空地址栏参数。方法一：let path = this.$route.path; //先获取路由路径this.$router.push(path); //再跳转路由路径，query参数没带过去，所以被清除了方法二：this.$router.push({ query: {} });参考原文：https://blog.csdn.net/lihefei_coder/article/details/105410470...
2022-02-21 10:56:22
1570
原创 VUE使用document.onkeydown键盘的监听与移除
在项目中 偶尔会使用到监听键盘事件，当只写了调用键盘事件时，切换到其他页面的时候，发现仍会触发键盘事件，如果需求时不需要全局监听的话，就需要写一个 取消键盘监听事件 //取消键盘监听事件 document.onkeydown = null实例：在这里插入代码片 mounted(){ this.keyDown() // 监听键盘 }, destroyed(){ //取消键盘监听事件 document.onkeydown =
2021-12-28 16:49:43
8359
原创 vue 接收后端文件流 并下载
在vue框架中, 接收并下载文件流（blob对象） 可以通过将其转成blob对象，添加到a标签或者iframe标签中来模拟下载（或者pdf预览）1.首先设置responseType对象格式为 blob: responseType:‘blob’在项目reques.js文件中 添加请求头的相关配置 如header responseType 等config.headers['Authorization'] = getToken() if(config.responseType){
2021-11-09 16:54:08
21594
1
原创 vue列表，table表格 自动滚动效果
vue列表，表格自动滚动安装依赖npm install vue-seamless-scroll --savemain.js文件里面引入使用import scroll from 'vue-seamless-scroll'Vue.use(scroll)html代码<template> <vue-seamless-scroll :data="listData" :class-option="optionHover" class="seamless-warp">
2021-06-30 11:35:41
1392
2
转载 vue项目，地址栏中含有#是什么意思？如何去掉？
转载原文：https://blog.csdn.net/vincent_duan/article/details/103548914?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.control&dist_request_id=&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromMa
2021-03-25 16:02:13
1050
原创 ＜el-upload＞组件的失败回调函数（on-error）里拿不到返回值err
预期上传失败后，弹出后台返回的消息，可是成功函数输出是一个对象能够成功操作，而失败函数取不到返回数据，转JSON对象也报错。on-error函数里的打印输出的err：handleAvatarError(err,file,fileList){console.log(err)}如果想取到对应的code码，message值，却不能直接获取，所以还要通过进一步处理解决方法：把错误信息转成字符串，然后转掉Error:，剩下的内容就是个json，然后再转成对象，就可以取出来了。handleProduc
2021-03-16 11:22:23
4187
2
原创 vue 获取配置代理文件中的api地址值
一般vue项目中，前后端服务接口调试数据，需要配置api的代理。在代理文件config/index.js中，配置 后台服务的IP地址、如图。如果想在某个页面上查看，代理的该IP地址。则在该页面上引入配置文件，在找到对应的值。引入import API_CONFIG from "../../../config/index.js"使用 // console.log("api==",API_CONFIG.dev.proxyTable['/api'].target)即可找到对应的值。...
2021-03-16 11:16:28
4098
1
原创 两个数组转成对象格式，并以json的格式展示数据
例如：var name = [“Hat1”, “Hat2”, “Hat3”]var proba = [2, 5, 6]两个数组的值分别对应。1.先转换成对应的对象object2.换行全局替换，v-html解析objoct，展示成仿json的格式 var name = ["Hat1", "Hat2", "Hat3"] var name2 = '' for(let i =0;i<name.length;i++){
2021-03-16 11:08:33
365
转载 vue项目中，定义并使用 全局变量，全局函数
转载：https://blog.csdn.net/qq_30669833/article/details/81706217
2021-03-16 09:03:47
99
转载 vue 中引用echarts 初始化init undefind问题
vue 中引用echarts 初始化init undefind问题（Cannot read property ‘init‘ of undefined）vue 中引用echarts时 居然报Init为未定义Cannot read property ‘init’ of undefined"开始认为是 引入 或者 加载顺序 有问题，结果发现都不是，后来想着是不是版本有问题，结果它来了！！！查看echarts版本：npm view echarts versions因为 默认安装包是安装最新 的版本的
2021-02-03 19:36:00
733
原创 vue配置不同环境，不同命令即开发、测试、生产环境
首先 我们 想解决的问题是，在 开发环境，测试环境，正式环境等不同的环境下使用不同的变量，如下：默认是只有开发development（运行npm run dev ）和生产环境production（npm run build 默认打包就是production环境），现在要加test测试环境变量。配置步骤如下：1.我们借助 cross-env 插件跨平台地设置及使用环境变量npm安装方式：npm i --save-dev cross-env2.我们对config文件夹做配置，新建一个test.
2020-12-03 17:27:51
2966
原创 VUE filter过滤器
代码 ;filters: { statusTypeFilter(value) { var st = ""; switch (value) { case 1: st = "已加入"; break; case 2: st = "申请中"; break;..
2020-11-17 15:17:00
117
原创 线上文件预览、下载
一、开发过程中 经常会遇到的一个问题就是文件预览功能该文档提出一个效率很高的解决办法该办法依赖于 kkFileView - 在线文件预览 (https://kkfileview.keking.cn/zh-cn/docs/production.html)可以去它官方文档学习这个办法需要前后端共同解决1.后端同学的操作从kkFileView官网 – 快速部署 – 部署出查看文件的预览接口将预览接口提供给前端同学如：（http://127.0.0.1:8012/onlinePreview?ur
2020-09-15 15:24:02
1470
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人