一颗努力的大土豆-优快云博客

原创关于解决switch开关属性中active-value=“1“为数值形失败的问题

摘要：在Vue的el-switch组件中，要使active-value和inactive-value绑定数值而非字符串，需在属性前加冒号进行动态绑定。将"active-value="1""改为":active-value="1""，Vue会将其解析为JavaScript数值1而非字符串"1"。同理处理inactive-value属性，确保switch状态值为数值类型。

2025-09-25 15:27:33 358

原创 VScode使用Open In Default Browser插件打开页面，显示windows找不到chrome的解决办法

chrome浏览器版本太低了，可以下载最新的浏览器。

2025-09-01 10:40:19 269

原创关于使用element-ui组件中MessageBox弹框，输入密码时对密码进行加密展示。

关于使用element-ui组件中MessageBox弹框，输入密码时对密码进行加密展示。

2025-08-25 17:23:41 304

原创 Vue+Element-ui，在表单中嵌套两个输入框组件，给嵌套组件输入框加必填项规则的解决办法。

把嵌套组件的数组内容，被包含在form中，并在每个表单输入框中，绑定动态:prop属性（因为这个嵌套组件是一个ports数组，所以写成了 :prop="'ports.' + index + '.portName'"），每个输入框也要加上规则绑定:rules="portRules.portName"如下列视频演示的那样，需要在表单中嵌套的端口输入框组件中也加入校验规则，实现当用户提交数据时来检验数据是否符合规定。嵌套输入框加校验规则。

2025-07-11 15:35:23 230

原创关于使用gitee建仓库(在之前项目的基础上新建项目)和邀请成员

【摘要】本文介绍了在Gitee上基于已有项目快速创建新仓库的方法：通过Fork原有项目到个人仓库后直接开发，避免从零搭建。具体步骤包括：1）在原项目页点击Fork到个人仓库；2）拉取到本地开发。同时说明邀请成员协作的流程：在仓库管理中选择邀请成员，复制链接发送即可。该方法适用于技术栈相同的项目，可大幅提高前端项目初始化效率。

2025-07-11 09:39:02 408

原创关于如何快捷更改React项目中所有页面中表格、表头、按钮等的样式

于是找到了一个非常方便的办法，就是找到这个项目控制全局样式的代码，我这个项目是global.less文件夹，直接在页面中F12打开控制台选择器去选择要更改的模块，然后在global.less文件夹中加样式代码，调整成目标样式，就可以了,如下面的代码。最近接触一个新项目，是用不怎么熟悉的React+TypeScript结构写的，目前的需求还不涉及到功能的更改，只是需要改一下所有页面的样式，BUT，我犯了一个很“低级的错误”，本来几行代码完成的，我...把每个页面都进行了重复更改样式...

2025-01-20 09:29:14 400

原创关于对element-ui中el-upload组件及其参数的应用和文件上传方法

1. handleFileUploadProgress：当文件正在上传时，这个事件会触发，并且会传递三个参数处理函数：event（浏览器的进度事件），file（当前正在上传的文件对象），fileList（所有文件的列表）。2. handleFileSuccess：当文件上传成功时，这个事件会被触发，并且传递三个参数给处理函数：response（服务器返回的响应对象）,file（上传成功的文件对象），fileList（所有文件的列表）指定了文件上传的服务器地址。，则上传按钮不可用，防止在上传过程中重复点击。

2024-12-17 10:48:23 2801

原创 vue配置路由跳转页面并携带参数

2.在父页面（定时任务页面）使用Router的编程式导航功能来改变当前路由。this.$router.push方法接受一个对象作为参数，这个对象定义了新的路由位置，query属性是一个对象，它定义了路由的查询参数。如下图所示，现在是定时任务页面，点击更多里的调度日志按钮或者日志按钮，可以跳转到调度日志页面，但是要携带参数获取到对应的调度日志页面的列表数据内容。

2024-11-01 11:01:50 598

原创关于git fetch origin的使用场景

这篇文章将持续更新在关于git命令的使用场景和用法

2024-04-12 09:16:04 4741 1

原创 vue+echarts实现中国地图和航线飞行效果

vue+echarts实现中国地图和航线飞行效果

2024-03-26 15:41:47 1851 2

原创 react+typescript用useNavigate实现父页面向子页面跳转并传递参数

3.在子页面中引入useEffect来监听处理参数，如果在没有传入参数的情况下，初始值还是为''，传入参数的情况下，获取这些数据，并调用getData方法可以进行搜索操作。useEffect里的[ agentId, agentName,agentIp]里的参数，用来监听获取参数的变化，实现页面可以改变获取到的参数然后进行搜索。1.在父页面中首先引入useNavigate，然后再准备跳转的位置中添加一个点击事件onClick，并进行页面跳转和参数的传递。

2024-03-07 08:55:00 848

原创解决报错Can‘t resolve ‘echarts-gl‘ in ‘×××‘和error Error: certificate has expired问题

解决报错Can't resolve 'echarts-gl' in '×××'和error Error: certificate has expired问题

2024-03-06 14:47:38 557

原创 vue+TypeScript：运行项目出现找不到模块“echarts-for-react“的解决办法

看了package.json文件，里面已经安装好了echarts-for-react，但还是报这个错。运行项目时报错: 找不到模块"echarts-for-react"，导致项目启动失败。重新启动一下项目即可。控制台中输入一下指令。

2024-01-16 15:32:35 710 2

原创通过IP地址访问前端Vue项目

通过IP地址访问前端Vue项目

2024-01-16 14:42:58 1730 2

原创解决 TypeScript 报错：“无法重新声明块范围变量”的问题

解决 TypeScript 报错：“无法重新声明块范围变量”的问题

2024-01-08 11:47:37 1739 1

原创 vue用Git工具提取代码时配置user.name和user.email

vue用Git工具提取代码时配置user.name和user.email

2023-12-13 11:45:52 481 1

原创 vue拉取项目登录系统时不显示验证码的解决办法

1.vue.config.js文件夹里的ip地址要写对。1.多刷新页面（实在不行的话看第二条）2.vue控制台没有报错。

2023-12-12 09:20:08 1420 3

原创 JS中replace函数的用法

三个参数：old是需要替换的值、new是替换后的值、max是最多替换的次数。输出的结果是mg/kg。

2023-11-28 14:36:43 532

原创 Vue+echarts,tooltip下的formatter方法自定义提示框

用到tooltip下面的formatter，参数value就是当前横坐标对应的echarts图的数据，它是一个数组，是按series的数据的顺序来的。formatter函数return的东西就是你的tooltip的内容。里面可以是标签文本，想要什么样子的tooltip框，就组什么样子的标签以及内容就好了。2.当判断条件为title===颗粒度时，提示框里面的内容要根据返回的值判断来显示对应的文字。3.当判断条件为元素时，是两条折线图，提示框里要有两条内容。1.不同的判断条件对应不同的echarts折线图。

2023-11-28 10:58:35 1662