- 博客(33)
- 收藏
- 关注
RSS订阅原创 MAC使用NVM管理node版本
安装步骤（以在vscode中安装为例）找到官网，执行官网提供的命令：curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash在vscode终端中找到~/.bashrc文件，使用命令：nano ~/.basrc打开文件，触发文本编辑器将官网提供的代码段粘贴到编辑器中control+x 保存文件；y 确认保存；enter退出运行命令：source ~/.bashrc 重新加载配置终端输入：
2024-11-06 16:42:38
442
原创 el-autocomplete与el-badge组合badge不更新
我的解决方法很傻瓜式，就是在选择的回调@select="handleSelect"被调用时（此时已经输入了一个值：addInfo.firmName，例：成都特智汇能源科技有限公司），先将firmName赋值为" "，然后再赋值为成都特智汇能源科技有限公司。但是为什么当输入框输入的值与选择的值一样时，标记就渲染不出来了呢？这样就可以使HTML中addInfo.firmName的发生变化，从而使DOM树发生变化，造成页面重新渲染，标记就重新渲染出来了！当我在搜索框输入的值刚好和我选择的值一样时，例如下面。
2023-12-28 15:12:41
603
1
原创 vue2表单自定义校验规则判断输入值是否为大于零的数字
因为element-ui没有现成的验证规则可用，所以我准备自己定义一个验证规则函数。然后对输入的值用typeof来判断，结果发现无论输入什么，全为string！究其原因，是因为vue中表单中读入的值默认为string（不管你输入的是不是number，全部转化为string）。我自己是用于表单验证，验证用户输入的办公面积是否合法。看似仿佛解决了问题，可以区分number和非number，但是！好吧，既然是这样的，我就把传过来的值转化为Number。根据上图来看，他是可以区分的，所以问题解决！
2023-12-25 17:54:24
2411
原创 vue2-数组更新，视图不刷新
表格点击详情后的弹窗这里我就发现，当我点击不同的费用时，打印出来的costInfo是不同的，但是弹窗中的内容竟然是相同的。造成的原因就是数据更新了，视图没有更新。使用this.$set()——this.$set 是Vue中的一个，用于在响应式对象上设置新的属性或修改已有的属性，并确保这些属性也是响应式的。
2023-12-23 16:58:57
1605
2
原创 el-cascader 动态加载后台数据
两个函数其实写的大同小异，这里就说说里面的共同点：处理获取数据时添加的leaf(label和value是选项的基本配置，所以不作赘述)，leaf的值为false：不是叶子节点，下面还有子节点；所以就有了动态加载数据的需求，也就是用户点击一级选项后，再向后台发送该选项的子选择的请求（也就是懒加载子选项）若level为1，说明当前处于第一级，第一级不需要用户去点击触发（打开那个选择栏就能看到），所以我们要提前去获取选项，即调用获取费用类型的函数——getCostTypeOption(node)
2023-12-21 23:07:34
2065
1
原创 el-upload模拟鼠标点击上传
至此便可以实现通过模拟鼠标点击来触发el-upload的选择文件操作啦。通过ref来获取dom节点寻找弹窗的底层触发节点。给el-upload添加ref。在快捷弹窗那儿绑定触发函数。
2023-12-13 17:39:52
376
1
原创 elementPlus主题色定制
3.修改vite.config.js中plugins的Components配置。此时再去使用这个按钮，它的primary主题色就会变成步骤2中设置的青色啦~2.src目录下创建styles/element/index.scss。4. vite.config.js中，在resolve下并列一个配置。
2023-12-11 15:15:12
432
1
原创 vue3跨层通信
同时也可以传方法，用法和响应式数据相同（传方法可以实现在底层组件修改顶层组件中数据的需求，实质上就是顶层组件的方法在修改数据——谁的数据谁负责修改）除了传普通数据外，也可以传响应式数据，直接将响应式数据的变量名写在provide('message','hi')的'hi'位置即可。2.底层组件中使用 const message=inject('message')，message即为顶层传过来的hi。1.顶层组件中使用 provide('message','hi')
2023-12-09 22:08:40
52
1
原创 vue3模板引用ref
3.父组件引用子组件时不会获取到子组件内部的属性和方法，可以通过defineExpose编译宏指定哪些属性和方法允许访问。我理解的就是获取dom对象，例如vue2中验证表单规则会用到this.$ref.ref名.validate()获取模板引用的时机是组件挂载完毕。2.拿到引用的普通节点。
2023-12-09 21:58:21
172
1
原创 vue3组件间通信
子组件通过宏定义方法defineProps:({属性名：类型}）来接收数据，接收过来的这些属性就可以直接在template模板中使用；如果想在setup语法糖中使用（也就是script标签中），可以用一个参数来接defineProps，得到的就是一个对象。子组件通过宏定义方法const emit=defineEmits(['函数名','函数名',...])来接收回调函数，然后通过emit('函数名'，'传的参数')来将数据通过回调函数传递给父组件。父组件在调用子组件时，直接将要传的数据传递过去。
2023-12-09 21:14:48
151
1
原创 Reat/Vue自定义myStorage方法并挂载全局实现删除localSrorage
用于获取本地储存中的对应值，将字符串值解析为JSON格式，拿到之前存的value、t、time。然后再看存的时候的时间戳time+保质期t是否小于当前时间戳，若是，则说明存的值已过期，就将存在本地的键值对删除，get函数返回一个null；set方法接收三个参数：key、value、t，分别代表键、值、保质期。在函数中创建一个对象，装value、t和当前时间戳time。然后将这个对象转化为字符串格式存在键为value的本地储存中。具体实现思路：封装一个类，里面有get和set两种方法。
2023-11-21 16:24:41
108
原创 若依开发 负载Payload中时间戳数据丢失
经查资料发现，在不转换时间格式的情况下，el-date-picker默认返回的是一个时间戳对象，也就是说date[0]和date[1]是两个对象。今天用el-date-picker来选择时间范围，用v-model=“date”绑定选择的数据后直接传给后端，发现payload中没有我的date参数，就像被过滤掉了一样。**注意**，我这里还做了个判空操作，因为初次渲染页面时，date肯定是未选状态，也就是值为空，date为空的时候如果还去调用toStirng()方法的话就会报错！没错，直接是一个字符串数组。
2023-10-28 01:17:46
182
1
原创 el-table翻页后前一页勾选记录消失
请忽略我代码中的其他属性和方法名，重点就是加一个key-row属性，并且给它绑定一个函数，这个函数的方法就是返回每一行的唯一标识index。#在el-table中添加row-key属性#
2023-10-22 16:26:30
590
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人