自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 收藏
  • 关注

原创 vue-office 支持预览多种文件(docx、excel、pdf、pptx)预览的vue组件库

支持多种文件(docx、excel、pdf、pptx)预览的vue组件库,支持vue2/3。也支持非Vue框架的预览。

2025-03-31 18:05:18 1034

原创 Vue3 实现pdf预览

vue3 实现在线链接pdf预览以及本地上传pdf预览

2025-03-24 18:13:50 662

原创 vue的动画引擎@vueuse/motion

在vue开发中,动画可以提升用户体验,这时候有一个强大的动画库,现在让我们来使用它吧官网地址。

2024-12-24 17:35:58 1220

原创 vue3+vite 引入动画组件库 Inspira UI

相反,它是精选的优雅组件集合,您可以轻松将其集成到您的应用程序中。只需选择所需的组件,复制代码,然后自定义以适合您的项目即可。您可以随意使用和修改代码!转帖时注意替换当前行代码 import { cn } from "~/lib/utils";改为 import { cn } from "@/lib/utils";注意:如果你是tailwind.config.js 记得修改为tailwind.config.ts。注意:创建这个文件夹 放在scr文件夹下面。有写过文章-点击前往。有文档 点击跳转查看。

2024-12-19 14:50:22 4077 2

原创 Vue3实现word预览

这样就可以实现word文件预览了 是不是很简单。

2024-07-19 15:59:59 2106 5

原创 无法找到模块“@wangeditor/editor-for-vue”的声明文件

vue3项目中使用wangeditor/editor遇到的问题 开发环境不管红线报错正常使用打包的时候就会报错了。

2024-07-10 10:00:13 1549 3

原创 vue3 Hooks 函数封装思想 useTable

3. 在vue3中,hooks的概念结合了vue的响应系统,被称为组合函数,组合函数是vue3组合式API中提供的新的逻辑复用方案,是一类理由vue的组合式API来封装和复用有状态的逻辑函数。

2024-06-26 18:10:14 909 1

原创 elementPlus中table的某一行点击会触发事件 current-change ,row-click,在单元格点击按钮的时候阻止该事件触发

我这的MyElTable就是el-table 我进行了二次封装 道理是一样的 添加stop即可。点击编辑或者移除的时候不希望触发current-change ,row-click 事件。

2024-06-17 15:39:51 899

原创 vite+vue3 CryptoJS实现AES加解密

注意 这里的word是加密后的密码 key和iv和加密一致就行。

2024-06-17 14:44:50 625

原创 vite+vue3 引入Mars3D

遇到的问题 在自己项目集成Mars3D的时候 使用的官网推荐的插件来集成的时候疯狂报错 项目直接崩了 运行不起来了 所以采用第二种解决方法。

2024-06-13 10:26:10 555 1

原创 vue3自定义指令封装

debounce,throttle,})},# 这样就可以了我是一个按钮</div>

2024-06-12 18:27:00 1042 1

原创 vue3 新增编译宏defineModel 的使用

注意:defineModel() 需要在vue3.4及以上版本才可使用这个宏可以用来声明一个双向绑定 prop,通过父组件的 v-model 来使用。

2024-06-06 14:24:04 1017

原创 vite+vue3+router 实现动态路由

1.2 :使用动态路由时, 默认向menuHome.vue中添加children子路由。我使用了pinia持久化 所以没有存储浏览器缓存这一步 pinia持久化自己存储了。第一个参数是动态路由所在“位置”,是指定“位置”的。中定义基本的路由信息,动态生成的路由默认放在。这里使用了pinia持久化。这样就实现动态路由了。

2024-06-03 16:25:28 576 1

原创 vue3 解决pinia getActivePinia() 报错问题

【代码】vue3 解决pinia getActivePinia() 报错问题。

2024-06-03 09:48:20 1019 2

原创 解决 vue3 import { ref , ... } 引入繁琐问题

解决 vue3 import { ref , ... } 每个页面 引入繁琐问题

2024-04-29 17:15:12 506

原创 vue3 使用css新属性v-bind (v-bind+pinia)实现颜色主题切换

这样下面的组件能直接使用piniaProvider.vue 定义的css。这里我使用了pinia的持久化 如果你也想持久化 跳转以下。不喜欢单个页面写css样式 请看下一步。

2024-04-29 15:00:49 1245

原创 vue3.0 中使用 component 动态组件

动态组件 component 是Vue中非常实用的一个功能, 它可以根据条件动态切换不同的组件。在Vue3中使用方法和Vue2基本一致。

2024-04-28 15:13:58 1502 3

原创 vite + vue.3.0 使用tsx写法

主要是加入 以下两个配置。

2024-04-28 10:07:38 931 1

原创 vue3.0 axiox模块添加

【代码】vue3.0 axiox模块添加。

2024-04-26 16:55:14 402 1

原创 vue3.0 安装使用pinia 以及pinia的持久化

【代码】vue3.0 安装使用pinia 以及pinia的持久化。

2024-04-26 11:06:05 640 1

原创 vue3.0 router的安装以及使用

在src router 目录下 创建 router.ts index.ts 这两文件。

2024-04-25 18:27:47 638 1

原创 vue3 项目引入element plus 组件库 以及修改主题颜色

vue3 项目引入element plus 组件库 以及修改主题颜色

2024-04-25 17:00:04 2101 2

原创 vue脚手架以及Vite搭建项目

使用npm 或者 yarn 全局安装Vite。3 和 TypeScript 模板。# 准备一个空文件夹,执行以下命令。# dome 替换为你的项目名称。vue create 项目名。# 运行项目 项目创建成功。# 安装成功会出现版本号。5.选择插件的配置存放。4.选择CSS预处理。# 第一步 安装依赖。# 第二步 运行项目。

2024-04-25 11:51:11 2457 1

原创 使用http-server 启动一个本地服务

【代码】使用http-server 启动一个本地服务。

2024-04-25 09:54:04 626 3

原创 使用nvm 实现node.js 版本切换

3-选择node.js的安装位置,可以根据自身情况自定义选择路径盘,路径不要出现空格或中文符号(路径最好是在路径盘的根目录下新建一个文件夹,如C盘、D盘下的根目录),选好后点击next。6.如果想删除某node.js版本的话,输入命令行 nvm uninstall node版本号(例如:nvm uninstall 18.18.0)即可删除对应版本。2-可以根据自身情况自定义选择路径盘,路径不要出现空格或中文符号(路径最好是在路径盘的根目录下,如C盘、D盘下的根目录 最好不要使用中文),选好后点击next。

2024-04-24 19:02:08 349 3

原创 yarn的安装以及使用

npm uninstall yarn -g //yarn卸载。2. yarn的常用命令。

2024-04-24 18:48:48 514

原创 npm设置淘宝镜像源 cnpm设置镜像源

【代码】npm设置淘宝镜像源 cnpm设置镜像源。

2024-04-24 18:33:35 4310

原创 Vue3如何引入tailwindcss

【代码】Vue3如何引入tailwindcss。

2024-04-24 15:46:23 847

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除