- 博客(83)
- 收藏
- 关注
RSS订阅原创 React+Tailwind CSS+Shadcn UI
11、以按钮为例，每个组件都需要先安装才能使用，安装成功后，项目目录里会多出一个components/ui，所有安装好的组件都会放在这里面。10、运行 init 命令来设置项目，系统会询问您要配置的几个问题，选择默认就行。8、在tsconfig.app.json中添加，这里上面已经添加过了，可以忽略。下面这个地址记录了前端常用的命令，以及学习教程等，推荐给各位。到这里就算添加完成了，接下来就可以安装需要的组件了。12、到这里就结束了，可以运行一下你的项目了。以上三步在上面已经完成了，就不需要再执行了。
2025-11-06 16:21:53
300
原创 vue3项目应该怎么使用Webfunny系统实现埋点和监控
这篇文章介绍了webfunny埋点系统和前端监控系统的配置流程。埋点系统部分详细说明了SDK安装步骤：从创建点位、配置SDK代码到初始化用户信息，特别说明了Vue3项目和微前端的配置方法。监控系统部分则介绍了如何创建应用并添加无埋点监控功能，包括创建monitor.js文件和代码引入位置。文章提供了云服务和本地部署的域名配置说明，并强调在获取用户信息后初始化相关配置，最终可在系统中查看埋点记录和监控数据。
2025-10-24 16:54:32
367
原创 如何让git小乌龟工具记住Git账号密码 免多次登录
摘要：解决Git重复输入账号密码问题，可在.gitconfig文件中添加配置。具体步骤：1)在用户目录下找到.gitconfig文件；2)添加[user]和[credential]配置段；3)保存后执行pull/push操作时，系统会自动在用户目录下生成.git-credentials文件存储账号密码。该方法可实现Git账号密码的自动记忆功能，避免每次操作都需要重复输入。注意：密码以明文形式存储，需注意安全风险。
2025-08-28 11:32:26
243
原创 vue3输入框只能录入整数
这是一个使用Vue 3和Element Plus的表单组件示例。主要内容包括： 表单包含一个Activity name输入框，带有trim修饰符和清除按钮 实现表单验证规则：必填、长度限制(3-5字符)和数字格式验证 提供submit和reset按钮功能 输入时实时验证并显示错误提示 使用TypeScript进行类型定义和校验 该组件展示了如何构建具有验证功能的基本表单，包括响应式数据绑定、表单验证规则定义和表单操作方法。
2025-06-24 16:41:22
195
原创 vue3实现大字版和小字版功能（自定义修改样式）
摘要：实现网页字体大小切换功能可通过修改CSS变量或直接设置HTML元素的fontSize属性。使用style.setProperty方法设置CSS变量（如--rootFontSize），或直接修改HTML元素的style.fontSize值。同理，该方法也可用于修改其他样式属性如颜色（--mainColor）。关键代码包括获取根元素并设置新值（16px或#ff0000），实现界面样式的动态调整。
2025-06-19 15:56:35
417
原创 vant多图片压缩上传
在使用 Vant 组件库进行多图片压缩上传的功能时，你可以结合使用 Vant 的Uploader组件和第三方 JavaScript 库（如）来实现。这里我将详细介绍如何实现这一功能。
2025-02-13 15:43:56
518
原创 vue3 xss注入
可以使用Vue XSS库提供的xss方法进行转义，确保用户输入的数据不会被恶意代码利用。通过配置CSP策略，我们可以限制网页中可以执行的脚本和加载的资源，从而防止XSS攻击。：用户在输入框中输入恶意内容，这些内容会被提交到服务器端并被其他用户查看，攻击者可以通过注入恶意脚本获取其他用户的敏感信息。：攻击者通过注入恶意脚本到服务器的响应中，当其他用户访问该页面时，恶意脚本会被执行，从而盗取用户数据或篡改页面内容。：攻击者通过伪造其他用户的请求，在用户不知情的情况下执行恶意操作，如修改密码、转账等。
2025-01-17 10:39:24
465
原创 当在js文件里引入pinia时报错：Uncaught Error: []: getActivePinia was called with no active Pinia
一个 js 文件里需要使用 pinia 去修改状态存储里的内容，但是在引入 pinia 的时候发现报错：getActivePinia was called with no active Pinia.说实例在文件中使用的时候，pinia实例没有被挂载。在需要引用pinia的js文件中添加如上代码就可以了。
2024-10-17 11:24:26
750
原创 vue3+vant4+微信公众号实现图片上传和扫一扫功能
处理JS-SDK配置，前提是已经从后端获取到了appId和openId。这里我只记录了js的实现过程。
2024-10-08 10:28:13
720
原创 vue3+vant4父组件点击提交并校验子组件form表单
方法进行表单验证，如果验证通过则执行提交逻辑。获取子组件的引用，在父组件的点击事件中调用子组件的。这样父组件就可以通过。调用子组件的验证方法了。
2024-08-30 16:13:36
1180
原创 vue3+axios请求导出excel文件
后端返回的数据是一个二进制数据流，可以console.log(response)打印一下响应数据，查看数据是不是Blob类型，如果不是的话可能会出现乱码、undefined等情况。在Vue 3中使用axios请求导出Excel文件，可以发送一个GET或POST请求，并设置响应类型为。构造函数创建一个二进制文件，最后使用。生成一个可以下载的链接。
2024-08-05 15:37:56
956
1
原创 vue3+elementUI表格嵌入select组件，select组件选项之间互斥
1.第一步：通过计算属性获得对应数据列的参数list，这些list即已经选中的option选项。2.第二步：在标签中根据计算属性得到的list添加disabled。
2024-07-30 10:45:09
355
原创 手机端访问本地vue项目
devServer添加配置： host: “0.0.0.0”, disableHostCheck: true。注意不是在浏览器直接输入IP显示的那个外网IP地址。
2024-04-26 16:49:42
1690
原创 vue3+elementPlus el-calendar如何标出多个时间
【代码】vue3+elementPlus el-calendar如何标出多个时间。
2024-03-25 15:34:42
1830
原创 vue3+elementPlus el-input禁止输入中文
这种写法会自动去掉输入的中文，如果是其他规则，可以将正则替换成自己需要的就可以。这里有比较常用的正则，可以作为参考。
2024-03-22 11:21:08
2245
原创 vue3+element-plus中dialog对话框组件去掉遮罩层后可以操作底层页面，以及弹窗嵌套弹窗如何去掉遮罩层且可以操作底层页面
三、如果是弹窗嵌套弹窗，以上方法可能不会去掉遮罩层，这时就需要添加官网给出的另一个属性：append-to-body，具体解释可以查看官网。是自定义类名，和下面代码中的类名相同即可。
2024-03-18 17:28:02
4615
4
原创 vue3+Echarts实现中国地图
3、如果引入的是china.json，那么需要配置echarts.registerMap('china', china)，如果引入的是china.js文件就不需要了。4、如果出险加载后的数据没有颜色（如下图所示）可能是china.json文件里的name名字与数据上的name名字不对应，检查一下，name名字是否一致。全选复制，在项目文件src文件下创建一个json文件，并在里面创建一个vue文件命名为china.vue。2、引入顺序是china.json，然后是echarts。1、地图要设置宽和高。
2024-03-13 11:34:59
5325
5
原创 VUE3上传功能本地上传正常，打包上传后报错TypeError: ***.upload.addEventListener is not a function和文件上传请求地址
/这样就拿到了参数中的数据。//获取#/之前的字符串。一、erer这个错误很可能是因为在打包后，文件的路径或者名称发生了变化，导致代码中的某些方法无法正确找到。二、使用element-plus文件上传时，后端使用的时代理路径导致上传的url需要前端自己处理。1、文件node_modules/mockjs/dist/mock.js。
2024-03-04 17:01:35
1728
转载 Vue3中div自由拖拽宽度和高度
Vue3中我们会遇到自由拖拽宽度和高度的页面需求，查看很多方法都无法满足当前需求。下面是我们Vue3版本的代码，非常简单主要构想说粗发拖拽方法，把所需要的div的高宽进行拖拽位置进行监听来加减自身div的px值。直接复制粘贴就可以实现效果。根据自己需求更改即可投入使用，非常方便快捷。
2024-02-22 17:34:16
1697
原创 vue3顶部内容固定定位，下面内容可以向上滚动
功能要求：一个div里有两个模块儿，顶部按钮模块儿和下面的内容区域模块儿，顶部按钮模块儿固定在顶部不随滚动条滚动，下面内容区域可以滚动。1、顶部按钮固定定位，会脱离文档流，下面内容区域需要加一个margin-top，margin-top的值是上面顶部按钮模块儿的高度。第一步：在utils文件里创建directive文件夹，在directive文件夹下创建一个resizeObserver.js文件。第二步：在directive文件夹再创建一个index.js文件，目的是为了集中注册自定义指令。
2024-01-03 14:24:48
1664
原创 el-select如何去掉placeholder属性
注意：这种方式有时候会不生效可能会受其他文件样式影响如样式覆盖，组件属性继承等，所以可以通过修改样式来实现。找到项目里设置全局样式的文件，使用伪类选择器将placeholder属性文字颜色透明度设置成0。功能要求是：当el-select的disabled属性为true的时候不展示“请选择”字样。元素的 placeholder 属性，可以在代码中将其设置为空字符串。2、如果想要全局修改的话，可以使用css修改。
2023-12-20 11:02:10
1338
原创 vue3父组件提交校验多个子组件
1、子组件中的form要添加ref属性，并使用defineExpose暴露出去，这样父组件才能获取到子组件中的ref，才能进行校验。2、当对表格输入内容做校验时prop和v-model绑定的是同一个才能校验通过。3、当发现校验一直不通过时可以查看控制台打印的的结果，看哪个校验没通过。实现功能：在父组件提交事件中校验多个子组件中的form。这个是表格可以增删改的情况，对表格添加输入校验。这个是普通的form表单情况。
2023-11-20 16:04:31
866
原创 vue3+elementPlus el-select组件同时支持label和value模糊查询
element ui的select组件设置filterable后, 默认支持的是通过label来进行过滤搜索,注意：遍历的时候的key值不要用index，因为数组是事实变换的会无法找到对应的项，最好是用value值。功能要求：下拉框数据展示label+value，选中后的数据只展示label。visible-change(下拉框出现/隐藏时触发)的事件来实现功能.想要下拉框数据里同时显示label和value可以用插槽的方式。官方文档上提供了filter-method来自定义搜索方法。
2023-10-17 17:38:26
2481
1
原创 JWT授权为啥要在 Authorization标头里加个Bearer 呢
Digest MD5 哈希的 http-basic 认证 (已弃用)Bearer 常见于 OAuth 和 JWT 授权；Basic 用于 http-basic 认证；AWS4-HMAC-SHA256 AWS 授权。这是因为 W3C 的。
2023-10-08 17:15:21
2984
原创 vue3+Element Plus，实现输入身份证号计算出出生日期、年龄和性别
【代码】vue3+Element Plus，实现输入身份证号计算出出生日期、年龄和性别。
2023-10-08 15:08:48
705
原创 vue3+elementPlus el-input的type=“number“时去除右边的上下箭头
【代码】vue3+elementPlus el-input的type="number"时去除右边的上下箭头。
2023-10-07 17:16:39
2053
1
原创 vue3+elementPlus ElMessageBox消息框取消按钮位置调整
项目里修改element里的样式有些需要添加deep，小编也是试了很多都行不通，只有重新写一个且不加任何属性信息，将上面的样式放在里面才会生效，不清楚为什么，有知道原因的欢迎留言分享。该方法是通过给取消按钮添加class然后修改样式，也可以给确定按钮添加class修改样式。要求所有的ElMessageBox消息弹出框的取消按钮放在右边，如图。确定按钮的class属性名是confirmButtonClass。
2023-10-07 16:57:18
2244
1
原创 vue3+elementPlus el-select 增加全选和取消全选
要求el-select支持多选，并增加全选和取消全选功能，缺点是提交的数据中会有全选这个字段。multiple是实现下拉框多选的属性。
2023-10-07 16:35:57
1993
原创 vue3路由传参获取不到params，获取到为空
注意：从Vue Router的2022-8-22 更新后，我们使用param传参在新页面无法获取数据。
2023-08-17 16:23:48
5657
原创 vue3+elementPlus table里添加输入框并提交校验
【代码】vue3+elementPlus table里添加输入框并提交校验。
2023-08-17 09:55:47
4105
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人