前端打工人-CSDN博客

原创 Element-plus中 el-button按钮点击之后颜色不还原的问题

的默认策略鼠标按下后处于 focus 状态，也就是看上去没有恢复成原来的颜色（此时是focus样式被激活）。修改这个问题非常简单，不过不应该破坏w3标准的默认策略，因为网页访问者有正常人、残障人、机器人等，可能会破坏其他使用者的操作。第一种方法：可以通过css解决，这样可能会引起一些效果失效，点击之后，再次点击hover效果没有了，link等类型的按钮这样设置无效，不建议修改。经过一番搜索发现问题所在，鼠标点击之后处于focus状态，所以看上去没有恢复成原来的颜色（此时是focus样式被激活）

2024-06-24 14:37:18 1266 3

原创 el-table 多选表格存在分页，编辑再次操作勾选会丢失原来选中的数据

el-table表格多选时，只需要添加row-key及，如果存在分页时需要加上，这里就不写具体的实现方法了，可以查看我之前的文章，这篇文章主要说一下存在的问题。

2024-02-27 15:39:01 2450

原创 Vue3自定义指令directives介绍

Vue内置的一系列指令，比如v-modelv-showv-ifv-for等等，自定义指令从命名上看主要区别于Vue自带的内置指令，我们可以创建自己想要的指令，使用必须以v-为前缀created：在绑定元素的 attribute 或事件监听器被应用之前调用；：当指令第一次绑定到元素并且在挂载父组件之前调用；mounted：在绑定元素的父组件被挂载后调用，大部分自定义指令都写在这里；：在更新包含组件的 VNode 之前调用；updated。

2023-10-10 17:23:43 1487

原创 vue3中动态设置ref，如表格中使用级联选择器

中有一个表格，表格里是表单项，用户可以输入或选择，有一项是一个级联选择器，需要使用到。是有问题的，选择后，第一次获取返回空，第二次获取的是第一次选择的数据。是不行的，这个ref是需要动态设置才行。思考：直接加上索引不就行了吗？数据源是一个级联选择器，如果这个表单直接设置。记得要定义一下，名字自己随便起，保持一致就行。方法获取到这一项选择的数据。是的，没错，请看下图这样设置。

2023-10-09 09:39:53 728

原创离线安装vscode插件，导出 Visual Studio Code 的扩展应用，并离线安装

在没有网络的情况下，如何安装vscode插件。

2023-08-10 16:37:13 5455

原创 Element的el-select下拉框多选添加全选功能

先看效果图全选：没有选中时：选中部分：作者项目使用的是写法，如果是vue2的自己转换一下html代码：js代码：

2023-08-03 12:24:01 1564

原创 vue3 中使用 keep-alive 不生效的原因，及keep-alive使用详细介绍

keep-alive是vue提供的一个组件，它可以将组件缓存起来，避免在组件切换时，每次都重新渲染，从而提高页面性能和用户体验。因此，keepalive被广泛应用于一些需要频繁切换路由或组件的应用中。keep-alive是 Vue 的内置组件，当它包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 transition 相似，keep-alive是一个抽象组件：它自身不会渲染成一个 DOM 元素，也不会出现在父组件链中。

2023-07-25 14:04:44 15441

原创 git 或 vscode存储未跟踪的代码，恢复时报错 git stash save -a 引发的 Could not restore untracked files from stash 问题

decorate参数用来显示一些相关的信息，如HEAD、分支名、tag名等，–oneline就是一个commit只显示一行。– graph意思是以图形的模式显示分支，–all意思是显示所有的commit记录，切换到你想恢复的记录，记住前面的id。

2023-07-25 12:29:53 833

原创 vue 中 import引入相同的方法名称解决方法

当引入了2个不同的文件，方法名称list都是一样的，就会出现报错。如果之前文件用的地方比较多，直接改名称的话，可能会漏掉，会引起不必要的麻烦，那如何解决呢。

2023-06-28 16:45:08 2389

原创 vue3 中 ref、reactive、shallowRef、shallowReactive的区别详解

vue3 中 ref、reactive、shallowRef、shallowReactive的区别reactive：深度劫持（深监视）shallowReactive：浅度劫持（浅监视）ref:深度劫持（深监视），做了reactive的处理shallowRef：不做监视readonly和readonly:只读属性的数据，深度只读shallowReadonly:只读的数据，浅只读的toRaw和markRawtoRaw将代理对象变成普通对象,数据变化，界面不会进行更新。

2023-06-14 11:42:59 2198 1

原创 js 一个数组中过滤掉另一个数组的方法

有数组A与数组B，要在数组A中找到数组B中包含的项，并将其过滤掉，就可以利用filter方法和every方法快速实现。

2023-04-23 10:53:59 729 1

原创 vue3中获取proxy包裹的数据，拿到原始对象

通过vue中的响应式对象可使用。

2023-02-21 17:55:08 4137 1

原创在vue3中实现filters过滤器功能

中的过滤器，但是变相一下，可以在双括号表达式中使用方法，所以也是可以间接实现的，功能简单，请看下面实例代码。

2023-02-06 17:26:56 4351

原创 vue3 不支持 .native，vue3中.native的使用方法

是因为`.native`修饰符在`vue3`中被弃用了，那如何使用呢？解决方法：把...

2023-02-06 11:43:14 5053

原创 vue3中 /deep/ 的使用，vue3不支持/deep/样式

vue2中是使用/deep/样式穿透，在vue3中不支持了，vu3中使用:deep()取代了。

2023-02-06 11:32:12 1819

原创 vue3 中使用el-dropdown时，slot报错解决方法

vue3 中使用el-dropdown时，页面显示报错，vscode也会有报错提示是因为vue 3.x 增加了v-slot的指令，去掉了原来的slot，slot-scope属性。

2023-02-03 17:07:17 2290 1

原创 vue2 转 vue3 代码详细介绍，如data数据转成ref、reactive

vue2中的data()内是用来定义变量的，如data() {return {form : {而在vue3里我们使用ref()定义简单数据类型，reactive()定义复杂数据类型在这里我建议不要用reactive声名数据类型，因为它不支持直接赋值，只能为里面的子对象赋值，可以根据自己需要选择，所以上述代码可以写成在标签里，若是vue2，可以直接使用this.type调用这个变量，但是在vue3中不可以使用this，在调用变量时，直接用type.value注：若在。

2023-02-03 17:01:37 2012

原创 vue3中 ref 和 reactive 的区别介绍

创建的响应式对象，整个对象是响应式的，而对象里的每一项都是普通的值，当你把它用展开运算符展开后，整个对象的普通值都不是响应式的。通常使用reactive()来创建一个响应式的对象或数组，这样的对象或数组状态都是默认深层响应式的，无论嵌套多深，都能跟踪到。并且假如用一个新对象替换了原来的旧对象，那么原来的旧对象会失去响应性。创建的响应式对象，又不想让他们失去响应式特点的时候，就需要用。允许我们创建一个任意类型的响应式的ref对象，在使用时需要带上。创建的响应式的值，本身就是响应式的，并不依赖于其他对象。

2023-02-03 16:34:32 2163 2

原创 Element ui 修改下拉框 placeholder字体颜色

页面有一个级联选择器，数据是通过接口获取的，在编辑的时候输入框上需要显示选择的名称，因为数据是接口获取的，数据是绑定的id，就导致没有显示上。这里分享一个简单的方法，那就是可以通过这个障眼法来实现思路：新建时，显示请选择，编辑的时候来修改的值就行了，是不是就达到页面上显示的目的了。又有同学要问了，使用placeholder后，虽然页面显示了需要的数据，但是颜色和别的不一样了，不统一了，还是不完美。呃呃呃呃，那就直接修改placeholder颜色就搞定了。当是新建的时候就使用默认的颜色，如果是编辑的时候就选

2022-12-05 18:18:12 5122 3

原创 js 把对象转为字符串，并以逗号隔开

项目上一个模块有一个这样的需求，需要把表单form对象的值转换成字符串拼接到另一个表单上，下面先看下效果图。这个是动态表单，需要填写值这个图是转换后的数据如表单是下面对象你想转换成，如果你有类似的需求，只是拼接的数据格式不一样，修改一下即可。

2022-11-14 17:10:06 2220

原创 antv/G6使用详细介绍，一篇文章说清antv G6如何使用

AntV 是蚂蚁金服全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。G6 是一个图可视化引擎。它提供了图的绘制、布局、分析、交互、动画等图可视化的基础能力。它是一款国产可视化插件，中文官方文档方便阅读和学习。G6可以实现很多d3才能实现的可视化图表，d3作为一款国外很强大的可视化插件，它的官方文档是非汉语文档，社区虽然很活跃，但几乎是英文文档，阅读和学习起来并不是那么轻松，尤其是英语不太好的同学，阅读和学习d3更吃力。这时候G6就是不错的选择。

2022-10-24 13:54:26 10519

原创 vue几行代码实现复制功能，无需安装插件

如果是多行文本，需要保留换行符可以使用textarea标签，input是不会保留换行符的。如果需要插件的同学，可以使用。，自行安装，使用方法。

2022-09-27 14:22:07 957

原创 Python学习第12天：Python 集合

Python也包含有集合类型。集合是由不重复元素组成的无序的集。它的基本用法包括成员检测和消除重复元素。集合对象也支持像联合，交集，差集，对称差分等数学运算。

2022-08-16 13:48:28 3247

原创 Python学习第11天：Python 字典

Python 中的字典提供了一种灵活的访问和组织数据的方式字典是由很多值组成的集合字典的索引可以是不同的数据类型，同样也不止是整数，也有字符串字典的索引被称为“键”，键及键所关联的值叫键值对（类似于Java中的Map集合）字典是另一种可变容器模型，且可存储任意类型对象。...

2022-08-15 15:56:55 703

原创 Python学习第10天：类与对象

类的定义 class Car : pass# 定义 Car 类的属性 name class Car : name = 'BMW'Python 有三种常见的方法，分别为：实例方法、类方法、静态方法，这三种方法都定义在类中。

2022-08-14 10:28:37 341

原创 Python学习第9天：tupple

Python 中的数据结构是通过某种方式组织在一起的数据元素的集合，这些数据元素可以是数字、字符、甚至可以是其他数据结构在 Python 中，最基本的数据结构是序列（列表和元组），序列中的每个元素都有一个序号（元素的具体位置），这个序号叫索引，索引下标从0开始，以此类推…...

2022-08-13 15:12:32 371

原创 Python学习第8天：List

Python 中的数据结构是通过某种方式组织在一起的数据元素的集合，这些数据元素可以是数字、字符、甚至可以是其他数据结构在 Python 中，最基本的数据结构是序列（列表和元组），序列中的每个元素都有一个序号（元素的具体位置），这个序号叫索引，索引下标从0开始，以此类推…...

2022-08-12 11:25:00 207

原创 Python学习第7天：数据结构-序列

数据结构是通过某种方式（例对元素进行编号）组织在一起数据元素的集合。python中最基本的数据结构是序列，序列中被分配的序列号又称为索引。python中列表、元组、字符串、range对象都是有序数据结构python中字典和集合属于无序序列结构，但可以遍历，字典还可以通过键来索引引用。同时序列中还可以包含序列，例如数据库：database** python还有一种名为容器（container）的数据结构，容器可以包含其他任意对象，容器主要包括序列和映射（例如：字典）两类。...

2022-08-11 09:57:24 2671

原创 Python学习第6天：模块和包

我们先来看如何定义一个 Python 模块。")当解释器遇到 import 语句，如果模块在当前的搜索路径就会被导入。调用的时候使用模块名.函数名来进行调用以上的示例为例，我们新建 do.py 文件调用 hello.py 模块中方法。# 导入模块# 现在可以调用模块里包含的函数了一个模块只会被导入一次，不管你执行了多少次import。这样可以防止导入模块被一遍又一遍地执行。在 do.py 页面执行快捷键 ctrl+b 控制台输出：Hello World!...

2022-08-10 14:19:37 209

原创 Python学习第5天：函数

代码重用保持一致性可扩展性如果在开发程序时，需要某块代码多次，但是为了提高编写的效率以及代码的重用，所以把具有独立功能的代码块组织为一个小模块，这就是函数定义一个函数有如下几个步骤函数代码块以 def 关键词开头，后接函数标识符名称和圆括号()。任何传入参数和自变量必须放在圆括号中间。圆括号之间可以用于定义参数。函数的第一行语句可以选择性地使用文档字符串—用于存放函数说明。函数内容以冒号起始，并且缩进。return [表达式] 结束函数，选择性地返回一个值给调用方。...

2022-08-09 09:53:02 217

原创 Python学习第4天：基础语句

关键字 ‘elif’ 是 ’else if’ 的缩写，这个可以有效地避免过深的缩进。如果你从 for 或 while 循环中终止，任何对应的循环 else 块将不执行。Python 编程中 while 语句用于循环执行程序，即在某条件下，循环执行某段程序，以处理需要重复处理的相同任务。Python for 循环可以遍历任何序列的项目，如一个列表或者一个字符串。continue 语句被用来跳过当前循环块中的剩余语句，然后继续进行下一轮循环。条件不成立的时候，要做的事情。条件成立的时候，要做的事情。...

2022-08-08 15:27:39 356

原创 Python学习第3天：变量与数据类型

数字类型是顾名思义是用来存储数值的，需要记住的是，有点和 Java 的字符串味道差不多，如果改变了数字数据类型的值，将重新分配内存空间。以上是一些常见的操作。列表中元素的类型可以不相同，它支持数字，字符串甚至可以包含列表（所谓嵌套），列表中的元素是可以改变。在 Python 中，变量就是变量，它没有类型，我们所说的"类型"是变量所指的内存中对象的类型。和别的语言一样，数字类型支持各种常见的运算，不过 Python 的运算比别的大多数常见语言都更加丰富，此外，还有大量丰富的方法，提供更高效的开发。...

2022-08-06 12:05:57 371 1

微信小程序源码-外卖cps新款防封版

空空如也