
vue3
文章平均质量分 67
vue3
snows_l
个人博客(vue3 + nodejs + mysql + 腾讯云[99元/年 便宜货]服务器 + 宝塔可视化面板 纯手戳产物):http://snows-l.site
展开
-
vue3 css3动画 拆信封动画 信封打开动画
snows_l's BLOGhttp://snows-l.site/一、效果如下截图工具截图效果不是很好, 可以查看线上效果 信封 | snows_l's BLOGhttp://snows-l.site/about/like/envelope二、源码如下如果想要资源的直接去我的 snows_l's BLOG 打开 开发者工具直接拿就行了原创 2025-01-03 16:38:17 · 573 阅读 · 0 评论 -
给自己的项目(vue3)中添加 下雪/樱花飘落的背景
定位到你想要的层级, 不用担忧覆盖调你的其他内容导致,其他内容无法交互, 只需要加css pointer-events: none,就可以了,上面代码行内样式已经添加。最后一个参数调用了一个sakura方法, 返回的是樱花的base64, 你想要什么飘落啥就直接放什么就行呢, 图下图(好想必须是base64才行)在vue的生命周期钩子函数 onMounted 中new 一下就行。在项目中的app.vue/layout.vue 添加如下代码。查看更佳效果前往我的博客, 可切换。原创 2024-09-30 16:10:18 · 1274 阅读 · 0 评论 -
【个人博客】vue3 + nodejs + mySQL 集成了看板娘(UI原生开发达99%)的响应式的个人BLOG。
4、背景樱花飘落(可切换),如下:下雪,下硬币😄。9、主题色更改 (都在又下角这个模块里面了)3、光标拖动效果(可切换)(就是哪个时钟)8、白天夜晚模式切换(会根据时间自动切换)1、看板娘(看效果好吧)(可切换模型)5、音乐🎵播放器(右下角)访问BOLOG效果更佳哟。10、代码块可一键复制。原创 2024-08-27 17:48:55 · 583 阅读 · 0 评论 -
vue3 + antd vue 纯前端 基于xlsx 实现导入excel 转 json,将json数据转换XLSX导出(模版下载)
vue3 + antd vue 纯前端 基于xlsx 实现导入excel 转 json,将json数据转换XLSX并下载(下载模版)原创 2024-07-19 15:58:27 · 816 阅读 · 0 评论 -
基于 elementUI plus,实现 主要色(主题色)的一件换色(换肤)
基于 elementUI / elementUI plus,实现 主要色(主题色)的一件换色(换肤)原创 2024-06-26 22:42:50 · 1631 阅读 · 0 评论 -
记录一下:vue3+antd-vue a-form包含a-table实现表格行内校验, 清除 指定行 指定字段 的校验
记录一下:vue3+antd-vue a-form包含a-table实现表格行内校验, 清除 指定行 指定字段 的校验原创 2024-06-12 11:11:15 · 483 阅读 · 0 评论 -
vue3+vue-router@4 Error: Invalid navigation guard 或者 The “next“ callback was never called inside of
vue3+vue-router@4 Error: Invalid navigation guard 或者 The "next" callback was never called inside of原创 2024-05-31 09:35:58 · 3173 阅读 · 1 评论 -
antd-vue a-tree 当两个不同一级下二级key相同的时候就会导致两个同时选择, 拿到node.parent的数据也会出问题, 解决办法
antd-vue a-tree 当两个不同一级下二级key相同的时候就会导致两个同时选择, 拿到node.parent的数据也会出问题, 解决办法原创 2024-05-24 16:44:15 · 602 阅读 · 0 评论 -
vue3+antd-vue@4 a-form 嵌套a-table 实现行内 勾选才进行检验
vue3+antd-vue@4 a-form 嵌套a-table 实现行内 勾选才进行检验原创 2024-05-17 09:31:05 · 584 阅读 · 0 评论 -
vue3 + antd-vue@4 a-table单元格合并,rowSpan(行合并),colSpan(列合并)详解, 表头合并详解, 表头自定义详解
根据需求, 就应该需要就可以得到,字段 vlan值、vlan平面、确认状态三个字段(三列)的第1行第2行需要合并在一起, 第4行-第6行需要合并,(所以就需要从这三个字段的 customCell 入手) 实现代码如下,(因为只是行合并就只需要操作rowSpan即可)解释一下, 其实后端给的数据时这样的, 两个vlan信息,每个vlan信息下面都有自己的设备列表, 因此需要我们自己把设备列表提出来,实现满足table的格式,这个时候就需要使用列合并rowSpan,将第1个字段的第一行到第3行合并,代码如下。原创 2024-05-16 12:43:50 · 5203 阅读 · 0 评论 -
vue3 antd-vue 超简单方式实现a-table跨页勾选以及解决全选异常的问题
回显,如比返回第一页的时候触发分页改变, 在映射中的第一页的数据给到a-table绑定的state.selectedRowKeys即可,如下方法。绑定勾选keys数组是 state.selectedRowKeys, 勾选触发的方法 onSelectChange。第一页勾选了2, 3, 4。翻到第三页勾选24, 25。原创 2024-05-10 16:42:29 · 3163 阅读 · 0 评论 -
vue 本地页面刷新Cannot GET /system/user
vue 本地页面刷新Cannot GET /system/user原创 2024-03-27 09:32:37 · 746 阅读 · 0 评论 -
vue 基于elementUI/antd-vue, h函数实现message中嵌套链接跳转到指定路由 (h函数点击事件的写法)
vue 基于elementUI/antd-vue, h函数实现message中嵌套链接跳转到指定路由 (h函数点击事件的写法)原创 2024-03-14 11:24:58 · 640 阅读 · 0 评论 -
Vue3.2 + vue/cli-service 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案
Vue3.2 + vue/cli-service 打包 chunk-vendors.js 文件过大导致页面加载缓慢解决方案原创 2024-03-06 17:18:18 · 2790 阅读 · 0 评论 -
【微前端乾坤】 vue2主应用、vue2+webpack子应用,vue3+webpack子应用、vue3+vite子应用的配置
因公司需求, 需要将原本vue2+iframe 形式的项目改成微前端乾坤的方式。之前iframe都是直接嵌套到vue2项目的二级目录或者三级目录下的(反正就是要随处可嵌)注意使用场景:原本vue2+iframe 形式的项目改成微前端乾坤的方式,将vue2改成微服务的主应用(基座),之前iframe嵌套在vue2项目中的其他页面的系统改成微服务的子应用,嵌套的只是子应用路由中的一个页面 , 也就是 主应用 的一个 路由页面 对应 子应用 的一个 路由页面 , 不是那种常规的一个出口包含了整个子应用原创 2024-03-04 17:31:33 · 3403 阅读 · 0 评论 -
antd-vue + vue3 实现a-table动态增减行,通过a-from实现a-table行内输入验证, form嵌套两个table实现检验。
antd-vue + vue3 实现a-table动态增减行,通过a-from实现a-table行内输入验证原创 2023-11-08 17:01:39 · 4457 阅读 · 15 评论 -
vue3数据更新了,但是视图没有更新、下拉选择框数据更新了,视图还是没有数据(记录初次使用vue3的时候遇到的一些问题,以及解决办法)
一个联动的下拉选择框,一个选择框的数据是前端定义的,第二下拉选择是通过第一个选择框的value 值去请求后端接口得到的。原创 2023-10-23 16:13:58 · 7841 阅读 · 0 评论 -
vue3中通过ref给子组件打标记,怎么拿子组件的数据,或者怎么执行子组件的方法并传递参数
vue2的时候我们都可以直接通过ref标记一下组件,再通过this.$refs[refName].init()的方式去掉用子组件的init方法,通过这样的方法还可以给init这个方法传递参数。vue3中没有this之后怎么拿子组件的数据,或者怎么执行子组件的方法并传递参数呢?原创 2023-10-23 15:03:36 · 763 阅读 · 0 评论