- 博客(20)
- 收藏
- 关注
RSS订阅原创 vue3使用svg 动态修改颜色（记录：修改fill无效）
5.像动态修改颜色直接给svg标签设置css(注意：如果修改fill无效 需要把svg文件内容进行修改，加上fill="currentColor")2.在vite.config.ts中加配置（我的文件放在public下）3.在main.ts中加。
2024-06-11 16:34:11
542
原创 vue2 双重循环实现的表格
多的不说直接上代码 双重for循环 同时又使用了一个template标签帮助渲染所以要注意此处的key，key值要唯一，而template不能加key 所以”压力“直接给到里面的tr标签，尽可能绑定成这样的字符串，两个索引都用到了，这样控制台就不会报错。
2024-04-23 16:43:54
240
原创 js通过url进行文件下载并修改文件名
记录一下最近遇到的一个需求，点击下载按钮，获取到了文件的url地址,然后进行下载，在网上找了好多相关资料才搞出来，这里用到了我的知识大盲区new XMLHttpRequest()，必须记录一下，之前没有用blob单纯用a标签其实也可以完成这个需求，但是不能修改文件名，下载时的文件名是一串乱七八糟的码，而且响应的速度也很慢，用下面这个方法虽然陌生，但是超好用！
2024-04-19 14:53:43
539
1
原创 扁平化数组树状话
之前做了一个图层选择的一个功能，改功能拿到的数据是一个一维的数组对象形式，需要使用树形控件，因此需要把扁平化的数组转为树状结构，特记录下方法为以后方便。
2024-04-12 15:10:53
83
原创 数组对象去重
简单的数组去重很简单，对于[{id:1},{id:1}]这样的数组对象根据某一个属性来去重就稍微麻烦一点了，这边在项目中遇到了这个问题并整理了一个超好用的方法。来检查该对象是否已经存在于新数组中。
2024-04-12 14:53:44
82
原创 循环遍历使用异步请求处理
在实际开发中，很多时候需要使用到请求接口，然后处理数据，我之前遇到了一个接口只能传一个id,但是需要一次把一个数组里面的id都去调接口拿到相对应的数据，然后把这些数据都存在一起，解决办法 使用map来遍历 并存在变量p中使用await 这样做的目的是为了让list里面存够所有异步请求的数据，这样就可以直接在下面使用list了。如下，这样处理后list里面存这些异步那到的数据,只能拿到一份数据，这个时候如果直接使用list里面的数据会缺少数据其他异步还没有存进去的数据。
2024-04-12 10:48:06
228
原创 反向代理---代理酷狗api接口
这种情况目前没有去深究，但是有一种办法可以验证到底能不能拿到数据， 就是直接把拼接好的请求字符串（如下图），直接打在浏览器的url框里面，如果密密麻麻的有一对json数据， 则说明该接口可以拿到数据只是需要一下代理。这里我因为个人兴趣想做一个简易的音乐网页，就找了酷狗的部分后台接口，但是直接使用的时候却拿不到数据， 或者有的时候拿得到有的时候拿不到。这里以vue3的框架为例，在文件vite.config.ts下修改或者增加代理。
2024-01-21 18:30:45
443
原创 更换图标和标签名
首先是跟换图标，这里以vite的一个vue3的框架为例子，其他的都大同小异，vite搭建的框架里面找到index.html文件，如下图更改对于的文件路径就好。我们在自己写一些项目或者网站的时候，可以通过跟换标签名和图标让自己写的网页看起来稍微高大上一点点，那么好的标签和独一无二的图标就是必不可少的了。
2024-01-21 17:58:27
341
原创 elementui表格改变特殊条件下的行样式
无论是elementui 还是elementuiPlus 表格属性里面都有row-style这个属性，该属性可以定于一个方法进行条件判断，可以直接返回一个style如下。在进行表格渲染的时候，许多时候我们需要对表格的数据进行分析，同时分析后把满足特殊条件下的那一行数据进行特殊的样式改变。
2024-01-07 16:55:40
427
1
原创 路由拦截---未登录不能跳转
使用路由里面的router.beforeEach 它有三个参数to（当前跳转的路由信息）,from（跳转之前的路由信息，即上一个路由的相关信息）,next（是一个路由跳转的方法，可以直接跳转路由，如果传false就是禁止跳转）,（可以打印一下看看，这三个参数的作用）通过这三个参数的使用进行全局的路由拦截。一般开发系统或者较为私密的网站时，网站的默认第一路由地址一般为登录界面，如果监测到未登录，用户不能跳转，包括懂技术的人员也不能强行在url框里面直接输人路由地址进行跳转，这个时候路由拦截就十分重要了。
2024-01-07 15:45:46
405
2
原创 遍历生成列表选中改变样式
依旧使用class或者id选中器，通过一个三目判断是否选中来使用不一样的样式，如下，通过点击事件把当前点击的'i'赋值给index,同时通过函数bgc来判断是否选中返回一个布尔值，再通过三目运算来赋予相应的类名。在实际开发过程中，我们很多时候使用的列表都是v-for遍历渲染的，可能是几条，也可能成百上千条了列表，这样我们就需要做一个点击选中改变所选中的那一条列表的样式(如：背景色，文字颜色等)
2024-01-07 15:08:14
357
1
原创 动态选择器绑定值解决方案
因为存的数据是一一匹配后的数据，使用一个数组接受，接受的格式在el-option里的value里写。例如这个需求需要把学生的学号code与成绩对应的学分dj拼在一起（后期也可以转成相应需要的结构）使用选择器时，选择器里的数值和需要匹配的数值都是动态的，同时需要我们需要对一组数据进行多次选择匹配，还要记录匹配后的所有值。如：名单是动态生成的，同时选择器里面的选项也是动态生成的，需要把两组数据进行匹配，并保存所有的匹配值。
2023-12-17 18:37:58
330
原创 日期选择器返回数值格式解决方案
使用组件库的日期或时间选择器的时候，在代码里面唯美需要得到返回的时间数值格式往往不是我们需要的尤其在这个数值需要作为请求接口时所传的参数值时。只需要给el-date-picker的value-format属性设置就好。如：如果什么都不设置直接使用组件，返回的日期类型往往是国际日期。如：如value-format="YYYY-MM-DD"
2023-12-17 17:32:45
480
原创 双击事件与单击事件冲突解决方案
给单击事件一个延时器，给双击事件一个清除延时器的方法，只要在单击事件延时的范围类触发双击事件就会清楚该单击事件双击事件，单击只触发单击事件。对一个按钮进行单击和双击时所触发的事件是不一样的，但是双击时一定会触发两次双击事件单击，许多需求要求双击只触发。
2023-12-17 17:09:56
600
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人