- 博客(107)
- 收藏
- 关注
RSS订阅原创 ts踩坑！在 Vue.js 中使用 Element Plus 组件库时，组件属性值所传类型需要与组件期望的类型一致。
ts踩坑！在 Vue.js 中使用 Element Plus 组件库时，组件属性值所传类型需要与组件期望的类型一致。
2024-07-31 14:23:11
366
原创 ts踩坑！无法确定在联合类型 Partial＜FormConfContentType＞ | Partial＜configType＞ 中哪一个类型包含了你正在尝试访问的属性
ts踩坑！无法确定在联合类型 Partial | Partial 中哪一个类型包含了你正在尝试访问的属性
2024-07-25 10:23:11
319
原创 ts踩坑！使用可选链 ?.处理可能遇到的 undefined 或 null 值的情况，但是仍然收到一个关于可能为 undefined 的警告！
使用可选链 ?.处理可能遇到的 undefined 或 null 值的情况，但是仍然收到一个关于可能为 undefined 的警告！
2024-07-25 10:12:32
634
原创 ts踩坑！在类型“xx”上找不到具有类型“string”的参数的索引签名；或者：元素隐式具有“any”类型，因为类型为“string”的表达式不能用于索引类型
在类型“xx”上找不到具有类型“string”的参数的索引签名；元素隐式具有“any”类型，因为类型为“string”的表达式不能用于索引类型
2024-07-12 16:34:27
1352
3
原创 ts踩坑！vue3中defineEmits接收父组件向子组件传递方法，以及方法所需传的参数及类型定义！
vue3中defineEmits接收父组件向子组件传递方法，以及方法所需传的参数，避免踩坑！emits方法接收参数类型定义
2024-07-10 11:06:39
774
原创 vue3 validator的 rule ，value，callback的ts类型定义
vue3中 validator的 rule ，value，callback的ts类型定义
2024-06-18 14:44:18
593
原创 在Vue 3中，el-select循环el-option的常见踩坑点，value值绑定对象类型？选中效果不准确？
在Vue 3中，el-select循环el-option的常见踩坑点，value值绑定对象类型？选中效果不准确？
2024-06-13 14:50:33
3128
1
原创 Vue 3获取DOM元素的大小以及相对于视口的位置的getBoundingClientRect属性
Vue 3获取DOM元素的大小以及相对于视口的位置的getBoundingClientRect属性。监听元素右键事件
2024-06-06 17:32:34
3234
原创 Object.assign()用法及详细分析到底是浅拷贝还是深拷贝?
ES6中Object.Assign()用法 ，它是深拷贝还是浅拷贝的详细分析。 deepclone实现深拷贝
2024-04-18 16:10:40
772
原创 vue3 删除对象中的属性，可以使用js里的delete，但需注意ts定义对象类型！
delete 删除对象属性时，给对象用as 断言类型后，就不会再显示报错。虽然解决了问题，但是并不属于规范的ts定义对象类型， 所以不建议不推荐。报错，意思为 TypeScript 错误“‘delete’ 运算符的操作数必须是可选的。定义stateType类型，且要删除的参数是可选的（问号？如上如，当使用delete 删除stateData中的属性时，定义对象stateDate时 stateType类型。再delete删除该对象的该属性时，就不会再次报错。方法二：（推荐，规范）方法一： （不推荐）
2024-04-18 15:13:50
1782
原创 《高效能人士的7个习惯》读后感
这样的思维方式会使我们日常工作的思路更加清晰，改变踟蹰不前的现状。那么如果我们每天能清晰明确的知道什么是重要的事，什么是次要的事，明确列出来，有明确的目标来提醒 ，达到工作成果坚持要事第一的原则，这样即使工作在忙碌，也不会自乱阵脚。在我们日常工作中，工作的情绪状态必然影响着工作的质量效率，我们不是被迫的去完成任务，而是积极主动的愿意去服务奉献，既然选择了我们手中的这份工作，那么我们不仅必须做到要热爱它，更要愿意去承担起它的责任，从心里和从行为上都要主动的去做有益于工作的事情，这样既能避免消极懈怠心理。
2024-04-08 17:28:14
362
1
原创 el-form表单结合el-row循环数组，动态添加prop，最后进行表单验证
el-form表单结合el-row循环数组，动态添加prop，最后进行表单验证
2024-03-12 11:37:51
1529
1
原创 使用reduce递归获取有多层嵌套的数组中的children
使用reduce、foreach、flatMap等多种方式 ，递归获取多层嵌套数组中的children，
2024-03-05 10:47:23
576
原创 vue 清空地址栏的参数
当我们想要继续保持在该页面时，并且要清空地址栏参数。方法一：let path = this.$route.path; //先获取路由路径this.$router.push(path); //再跳转路由路径，query参数没带过去，所以被清除了方法二：this.$router.push({ query: {} });参考原文：https://blog.youkuaiyun.com/lihefei_coder/article/details/105410470...
2022-02-21 10:56:22
1903
原创 VUE使用document.onkeydown键盘的监听与移除
在项目中 偶尔会使用到监听键盘事件，当只写了调用键盘事件时，切换到其他页面的时候，发现仍会触发键盘事件，如果需求时不需要全局监听的话，就需要写一个 取消键盘监听事件 //取消键盘监听事件 document.onkeydown = null实例：在这里插入代码片 mounted(){ this.keyDown() // 监听键盘 }, destroyed(){ //取消键盘监听事件 document.onkeydown =
2021-12-28 16:49:43
8877
原创 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
22489
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
1456
2
转载 vue项目，地址栏中含有#是什么意思？如何去掉？
转载原文：https://blog.youkuaiyun.com/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
1131
原创 ＜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
4577
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
4325
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
428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人