随笔分类 -  # vue3

项目报错Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
摘要：参考文章： 1.Vite 警报：The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0. 2.处理报错 Deprecation Warning: The legacy JS API is deprecated an 阅读全文
posted @ 2025-03-20 10:30 fruge365 阅读(1024) 评论(0) 推荐(0)
【Vue3】项目中实现整屏滚动效果，整屏翻页 fullpage.js
摘要：文章目录 安装引入挂载页面中使用 vue3 + vite 项目中实现整屏滚动、翻页效果。具体效果可以参考： 百度视觉技术 首先准备好项目，没有项目或者不会建可以直接克隆准备好的。vite common 参考文章：vue3项目使用fullpage.js 安装 网上有fullpage.js和vue-fu 阅读全文
posted @ 2025-01-25 17:23 fruge365 阅读(233) 评论(0) 推荐(0)
【Vue3】yarn install警告info There appears to be trouble with your network connection. Retrying... 问题
摘要：在拉依赖的时候爆出info There appears to be trouble with your network connection. Retrying...的问题，这句话是说，网络不稳定，在全网中搜索一番后出现各种各样的答案，结果一个都没有用，问题没有解决 解决方法 其实简单 第一种方法： 阅读全文
posted @ 2024-12-31 08:49 fruge365 阅读(120) 评论(0) 推荐(0)
【vue3】解决：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead 的警告
摘要：参考文章： vue3项目开源项目运行报错::v-deep usage as a combinator has been deprecated. Use :deep() instead. 解决：::v-deep usage as a combinator has been deprecated. Us 阅读全文
posted @ 2024-12-25 09:38 fruge365 阅读(141) 评论(0) 推荐(0)
【vue3】项目报错Component name “About“ should always be multi-word vue/multi-word-component-names
摘要：报错截图如下： Component name "About" should always be multi-word vue/multi-word-component-names 翻译为 组件名称“About”应始终为多字vue/多字组件名称 大概就是组件About要命名要有两个单词而且要大驼峰，例 阅读全文
posted @ 2024-12-24 22:42 fruge365 阅读(40) 评论(0) 推荐(0)
【vue3】vue3中实现鼠标点击后出现点击特效
摘要：参考文章：vue3中实现鼠标点击后出现点击特效 一、效果展示 图片下方为效果体验地址 完整代码 我是将效果代码放到layout文件中，这样所有页面都经过layout 就是都有点击效果了。作者原文章是用到了ts，我这里没用就删掉了，项目中用ts的可以去看看作者原文章，写的也很好，可以多多支持下。参考文 阅读全文
posted @ 2024-12-13 11:53 fruge365 阅读(48) 评论(0) 推荐(0)
无法找到模块“pinia-plugin-persist”的声明文件。“c:/Users/16566/Desktop/demo/，pinia持久化依赖报错，解决亲测有效
摘要：前言 最近在写vue3 项目时用到pinia，为了让pinia数据持久化就在项目中下载了依赖pinia-plugin-persist,但在main.ts中注册时报错无法找到模块“pinia-plugin-persist”的声明文件。“c:/Users/16566/Desktop/demo/，经过多方 阅读全文
posted @ 2024-03-20 17:27 fruge365 阅读(51) 评论(0) 推荐(0)
关于vue轮播vue-seamless-scroll自动滚动插件复制出来的数据点击事件无效
摘要：前言 vue2 项目中使用vue-seamless-scroll，复制出来的数据点击无效，经过多方查找总结，终于解决问题了，写篇文章防止下次遇到 参考文章： vue-seamless-scroll 点击click失效 【vue】vue-seamless-scroll点击事件失效 关于vue轮播vue 阅读全文
posted @ 2024-03-20 08:00 fruge365 阅读(33) 评论(0) 推荐(0)
vue2中使用vue-seamless-scroll时出现数据重复或者样式错乱问题
摘要：文章目录 如何使用vue-seamless-scroll数据重复或者样式错乱问题怎么解决点击事件无效怎么解决 如何使用vue-seamless-scroll 如何在vue2 中使用vue-seamless-scroll在这里就不赘述了，参考之前发布的文章 【vue】 vue-seamless-scr 阅读全文
posted @ 2024-03-19 14:19 fruge365 阅读(34) 评论(0) 推荐(0)
【vue3】前端实现 生成条形码并调用打印机打印
摘要：参考文章：前端实现 生成条形码并调用打印机打印 开发技术栈vue3+vite+setup 实现功能，批量选择数据–>生成条形码—>调用打印机–>打印输出 一、生成条形码： 1.安装所需要插件 npm i jsbarcode 2. 引入 import JsBarcode from 'jsbarcode 阅读全文
posted @ 2023-11-14 11:40 fruge365 阅读(210) 评论(0) 推荐(0)
【vue3】vue3中路由hash与History的设置
摘要：文章目录 vue3中路由hash与History的设置history 路由hash 路由 vue3中路由hash与History的设置 history 路由 history 关键字：createWebHistory，修改router/index URL格式：hhh.com/user/id。相比has 阅读全文
posted @ 2023-10-27 09:47 fruge365 阅读(48) 评论(0) 推荐(0)
nvm安装与使用详解(Window11)
摘要：文章目录 前言一、卸载 node.js卸载清理缓存（有的不执行此步骤后面会报错） 二、下载 nvmnvm 下载点开链接之后如图鼠标鼓轮往下滑下载完成后解压打开检查是否安装成功 三、安装多个 node.js 版本nvm 常用命令安装 nodenvm使用 四、删除 nvm删除文件夹删除环境变量 前言 平 阅读全文
posted @ 2023-10-26 17:07 fruge365 阅读(55) 评论(0) 推荐(0)
【Vue3】解决电脑分辨率125%、150%及缩放导致页面变形的问题
摘要：最近在做一个项目，突然发现由于调整电脑的分辨率导致页面变形的问题。正常电脑显示的是100%，当调整电脑缩放至125%时，页面发生变形，由于css设置问题，变形部分的页面设置不可拖拽和显示，严重影响项目功能和体验。在解决问题的过程中，还遇到了由于分辨率不同导致的显示问题。 最后通过百度解决了问题，记录 阅读全文
posted @ 2023-09-26 15:57 fruge365 阅读(228) 评论(0) 推荐(0)