vue3导出excel

解决vue3使用iconpark控制台预警提示问题

前言最近在项目中使用iconpark-icon来管理图标，一切都很顺利，引入链接后，图标正常显示，没有报错。但是控制台却发出了预警信息。[Vuewarn]:Failedtoresolvecomponent:iconpark-iconIfthisisanativecustomelement,makesuretoexcludeitfromcomponentresolutionviacompilerOp
温其如玉_zxh·2023-12-26 10:11

在Vue3中使用vue-qrcode库实现二维码生成

本文主要介绍在Vue3中使用qrcode库实现二维码生成的方法。目录一、基础用法实现vue-qrcode库的参数介绍在Vue3中实现二维码生成需要使用第三方库来处理生成二维码的逻辑。
专业研究祖传Bug编写术·2023-12-26 09:40

详解Vue3中的嵌套路由和编程式路由

本文主要介绍Vue3中的基础路由和动态路由。目录一、嵌套路由二、编程式路由Vue3中的路由使用的是VueRouter库，它是一个官方提供的用于实现应用程序导航的工具。
专业研究祖传Bug编写术·2023-12-26 09:10

详解Vue3中的路由守卫

本文主要介绍Vue3中的路由守卫。目录一、全局守卫二、路由级别守卫三、使用注意事项在Vue3中，路由守卫是用来控制和管理路由跳转的一种机制。
专业研究祖传Bug编写术·2023-12-26 09:10

在Vue3中使用qrcode库实现二维码生成

本文主要介绍在Vue3中使用qrcode库实现二维码生成的方法。
专业研究祖传Bug编写术·2023-12-26 09:06

Web前端VScode/Vue3/git/nvm/node开发环境安装

目录1基本配置2安装vscode3安装vue4配置bash5安装nvm6安装node7安装yarn8新建项目9运行helloworld1基本配置本篇是为了做前端开发的环境而写。使用的操作系统是windows1064位2安装vscode现在做vue和node基本就是vscode和webstorm，本篇就是用vscode。可以从主页直接下载选择windows版本下载即可。下载速度还是可以的，如果下不下
Intimes·2023-12-26 08:27

【Vue3+TypeScript】快速上手_笔记

前言1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece
开五档的蒙奇·2023-12-26 08:07

基于ElMessageBox创建虚拟dom对话框

在提交表单的场景下，如果只有几个表单，不想单独创建一个对话框Dialog然后引用，通过使用vue3的h函数创建虚拟dom然后展示在ElMessageBox，这样可以通过promis回调，灵活的控制对话框打开关闭
yi碗吃不够·2023-12-26 08:07

vue3源码解读--setup

目录vue2源码vue3源码示例源码显然setup函数是作为组件的options传入的，故我们将代码定位到applyOptions哦豁~~并没有发现对setup的处理……通过走断点，在setupStatefulComponent
习惯水文的前端苏·2023-12-26 07:17

在线文稿演示应用PPTist

PPTist是一个基于Vue3.x+TypeScript的在线演示文稿（幻灯片）应用，还原了大部分OfficePowerPoint常用功能，支持文字、图片、形状、线条、图表、表格、视频、音频、公式等几种最常用的元素类型
杨浦老苏·2023-12-26 07:55

支持动态添加列，多行Title的bootstrapTable

客户需求我们先了解一下客户的变态需求三行Title动态合并列动态添加小标题(第三行title显示内容从数据库读取)根据页面显示内容及样式原模原样导出Excel给一张图感受一下：开发过程通过分析，我们需要实现以下几个点合并行合并列
菜鸟进阶成大神·2023-12-26 06:33

VUE3，多Y轴折线图，柱状图，动态传参

注意这是封装的组件，引用时需要给一个有宽高的容器盒子，导入引用即可import*asechartsfrom'echarts'import{onMounted,reactive,toRefs,ref,watch}from'vue'exportdefault{props:{airlist:{type:Array,default:()=>{return[{name:'11',val:[0,0,0]}]}
陈十一i·2023-12-26 06:57

vue3使用mixins

{{num}}___{{fav}}改变值importmixinfrom"../mixins/mixin";let{num,fav,favBtn}=mixin();defineExpose({num,fav,favBtn});../mixins/mixin.ts:import{ref}from"vue";exportdefaultfunction(){letnum=ref(1);letfav=ref
你的美，让我痴迷·2023-12-26 05:46

vue3+ts pinia存储及持久化

index.ts需要安装pinia-plugin-persistnpmipinia-plugin-persist-Simport{createPinia}from"pinia"//引入批量的pinia持久存储插件importpiniaPluginPersistfrom'pinia-plugin-persist'conststore=createPinia();store.use(piniaPlug
你的美，让我痴迷·2023-12-26 05:46

vue3+ts 代理的使用

简单封装request.tsimportaxiosfrom"axios";//1.创建axios对象constservice=axios.create();//2.请求拦截器service.interceptors.request.use(config=>{returnconfig;},error=>{Promise.reject(error);})//3.响应拦截器service.interce
你的美，让我痴迷·2023-12-26 05:46

vue3+ts vuex存储问题

import{createStore}from"vuex"importpersistedstatefrom"vuex-persistedstate";importuserfrom"./modules/user"exportdefaultcreateStore({state:{num:10,sum:10,str:"这是store数据"},getters:{total(state){returnsta
你的美，让我痴迷·2023-12-26 05:15

07 Vue3框架简介

文章目录一、Vue3简介1.简介2.相关网站3.前端技术对比4.JS前端框架5.Vue核心内容6.使用方式二、基础概念1.创建一个应用2.变量双向绑定（v-model）3.条件控制（v-if）4.数组遍历
yancqitcode·2023-12-26 04:19

第38节: Vue3 鼠标按钮修改器

在UniApp中使用Vue3框架时，你可以使用按键修饰符来更精确地处理键盘事件。
特创数字科技·2023-12-26 03:27

使用Windi CSS（基于vue-cli）

1、先创建vue项目利用脚手架vue-cli创建，根据需求设置vue版本、babel等，无特别要求直接用默认的vue2或vue3就行vuecreate项目名2、运行vue项目，利用vue-cli安装WindiCSS
Kw_Chng·2023-12-26 03:55

uni-app系列（一）用cli创建支持Vue3/Vite的uni-app项目

至此，uni-app在App/H5/小程序全平台支持Vue3.0开发，且全平台支持Vite编译器。
硅谷干货·2023-12-26 01:20

一个极致轻量的 Vue3 后台管理，终迎 2.0 版本，这次有点东西

简介VueNaiveAdmin2.0是一款极简风格的后台管理模板，包含前后端解决方案，前端使用Vite+Vue3+Pinia+Unocss，后端使用Nestjs+TypeOrm+MySql+Redis，
不爱敲代码的小胡·2023-12-25 23:38

vue3 实现主题色以及修改主题色

目录前言主题色切换1.设置默认主题2.点击切换主题3.切换主题色的原理自定义主题总结前言使用的模板：https://github.com/jzfai/vue3-admin-ts迁移项目到新项目的时候，需要改系统的主题颜色
鹤渺·2023-12-25 23:07

【Vue3干货】template setup 和 tsx 的混合开发实践

前言一般而言，我们在用Vue的时候，都是使用模板进行开发，但其实Vue中也是支持使用jsx或tsx的。最近我研究了一下如何在项目中混合使用二者，并且探索出了一些模式，本文就是我在这种开发模式下的一些总结和思考，希望能帮助到大家。由于tsx就是ts版本的jsx,二者基本上可以认作一个东西，所以下文使用tsx的地方，一般而言对于jsx也同样适用。模板开发的痛点通常我们都是通过模板来定义我们的ui，这是
不爱敲代码的小胡·2023-12-25 23:05

vue3 全局配置Axios实例

目录前言配置Axios实例页面使用总结前言Axios是一个基于Promise的HTTP客户端，用于浏览器和Node.js环境。它提供了一种简单、一致的API来处理HTTP请求，支持请求和响应的拦截、转换、取消请求等功能。关于它的作用：发起HTTP请求：Axios提供了丰富的API，使得在浏览器和Node.js中发起HTTP请求变得非常容易。可以发送GET、POST、PUT、DELETE等不同类型的
鹤渺·2023-12-25 23:35

最新版本Vue3的学习笔记-第三章(下部)

最新版本Vue3的学习笔记-第一章最新版本Vue3的学习笔记-第二章最新版本Vue3的学习笔记-(上部)最新版本Vue3的学习笔记-第三章（下部）3.9.
.徐十三.·2023-12-25 22:19

Vue2和Vue3组件间通信方式汇总（3）------$bus

接下来开始组件间通信方式第三弹------$bus,并讲讲分别在Vue2、Vue3中的表现。
三水木雨·2023-12-25 20:10

Vue2和Vue3组件间通信方式汇总（2）------$emit

接下来开始组件间通信方式第二弹------$emit,并讲讲分别在Vue2、Vue3中的表现。
三水木雨·2023-12-25 20:07

mac使用vite初始化Vue3项目踩坑，权限报错 Error: EACCES: permission denied, mkdir

首先使用vite初始化Vue项目，在终端中输入*macos在命令行前面都加上sudo，以确保权限没有问题sudonpmcreatevite@latest之后选择vue，下一步选择javaScript或者typeScript进入项目后先安装依赖包sudonpminstall安装完依赖包之后启动项目npmrundev这时候报错了！如下图：Error:EACCES:permissiondenied,mk
A_lexzanda·2023-12-25 19:17

Vue3.0偏红报警问题

问题一:问题描述:组件引用找不到模块“”或其对应的类型声明imortHomefrom".../view/Home.vue"解决方法:安装插件TypeScriptVuePlugin(Volar)问题二:问题:vue内置api引用:找不到模块"vue-route".你的意思是将"moduleResolution"选项置为"node"import{creatRoute}from"vue-route"解决
GllWyz·2023-12-25 19:35

Vue3组合式-依赖注入provide&&inject

一、注意点专门强调了是3.0且是组合式，不是2.0不支持也不是选项式不支持provide&&inject，是支持但是有很明显的弊端，不建议使用二、场景官方的解释:通常情况下，当我们需要从父组件向子组件传递数据时，会使用props，想象一下这样的结构，有一些多层级嵌套的组件，形成了一颗巨大的组件树，而某一个深层的子组件需要一个较远的祖先组件中的部分数据，在这种情况下，如果仅使用props则必须将其沿
GllWyz·2023-12-25 19:01

Vue3+Ts项目——登录页面跳转到首页

Vue3+Ts项目——登录页面跳转到首页第一步：创建三个ts文件结合pinia缓存登录信息和tokensrc\api\userTypes.tssrc\stores\modules\user.tssrc\
靠着蓝色背景幻想·2023-12-25 17:27

Vue3+Ts项目——第三方认证登录

Vue3+Ts项目——第三方认证登录下载插件main.ts文件vue页面调用方式前言：我们得先去注册成为谷歌开发者，创建一个项目再获取id，整个难点就是获取ID。我难受呀。
靠着蓝色背景幻想·2023-12-25 17:27

【vue3源码】二、vue3的响应系统分析

vue3的响应系统分析前言参考代码版本：vue3.2.37官方文档：https://vuejs.org/vue3的响应式处理主要集中在packages/reactivity/src/effect.ts文件中
MAXLZ·2023-12-25 17:33

下载Vue3项目报错： UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token ‘??=‘

当去执行命令下载vue3项目时，可能会遇到以下这种情况：报错的结果：发现问题是因为nodejs版本不兼容，那么解决方案就是升级node版本再运行就解决了！
筱熙☆·2023-12-25 17:10

在vue3中引入图片报错 Uncaught (in promise) ReferenceError: require is not defined

一、在vue3中使用require()语法引入模块或包后,浏览器控制台出现报错:UndcaughtReferenceError:requireisnotdefined；如下：二、解决方法：第一种解决方法
筱熙☆·2023-12-25 17:37

图片懒加载vue3-lazy

目录一、实现原理二、如何使用1.安装命令2.main.js入口文件注册插件3.template中使用指令三、总结最近在重构博客的时候遇到页面加载慢的问题，原因是页面小图标太多，一次性加载页面压力超大，打算图片可视区域化懒加载，只去加载可视区域图片，而不是在网页加载完毕后就立即加载所有图片，这样减少了很多不必要的请求，极大的提升用户体验。一、实现原理在图片没进入可视区域的时候，只需要让img标签的s
富朝阳·2023-12-25 15:12

vue3使用i18n 实现国际化

先看效果：博客用的Vite4.2构建，框架是Vue3.2，采用
富朝阳·2023-12-25 15:09

一台电脑如何安装多个不同版本的Node并能自由切换（NVM）

前言：相信大家在做前端开发时公司有vue2和vue3的项目需要维护或自学，vue2大多只需要Node14版本，而vue3则是16或18，但电脑只能装一个Node，可我全都要。
HaushoLin·2023-12-25 15:09

最新版本Vue3的学习笔记-第三章(第一部分)

第一章第二章第三章3.Vue3核心语法3.1.【OptionsAPI与CompositionAPI】Vue2的API设计是Options（配置）风格的。
.徐十三.·2023-12-25 15:16

最新版本Vue3的学习笔记-第二章

第一章第二章2.创建Vue3工程2.1.【基于vue-cli创建】点击查看官方文档备注：目前vue-cli已处于维护模式，官方推荐基于Vite创建项目。
.徐十三.·2023-12-25 15:46

最新版本Vue3的学习笔记-第一章

1.Vue3简介2020年9月18日，Vue.js发布版3.0版本，代号：OnePiece（n经历了：4800+次提交、40+个RFC、600+次PR、300+贡献者官方发版地址：Releasev3.0.0OnePiece
.徐十三.·2023-12-25 15:41

vue3+echart图表之仪表盘gauge

1.效果图2.html父组件importgaugeOnefrom'@/components/gaugeOne.vue'importgaugeTwofrom'@/components/gaugeTwo.vue'子组件gaugeOne子组件import*asechartsfrom'echarts';import{reactive,onMounted,defineProps}from'vue';impo
00代码搬运工·2023-12-25 14:55

vue3+Highcharts实现柱状图

1.效果图2.准备工作npminstall--savehighcharts//main.js//引入chartsimportHighchartsfrom'highcharts';//使用3d图还需要引入下面的importHighcharts3dfrom'highcharts/highcharts-3d';//调用3d图表Highcharts3d(Highcharts);//页面还需引入import
00代码搬运工·2023-12-25 14:55

vue3+element ui组件库el-cascader层联选择器动态加载数据，动态加载省市区县镇街道数据,点击第一级请求数据，根据leaf判断是否有子项，第二级....等，原理同上

1.效果图2.HTML取消确定3.js//准备数据letoptions=reactive([])letdialogVisible=ref(false)//控制弹层constarea=()=>{dialogVisible=true}//初始化省数据constgetAreaData=()=>{//1.创建ajax对象（异步对象）letxhr=newXMLHttpRequest();//2.创建请求//
00代码搬运工·2023-12-25 14:54

vue3+element plus组件库中el-carousel组件走马灯特效，当图片变动时下面数字也随着图片动态变化

1.效果图2.html回收垃圾数量{{item.name}}{{item.data}}kg3.js//准备数据//1.vue3采用import的方式引入图片,不然会报错，引入方法之一importblfrom
00代码搬运工·2023-12-25 14:24

Electron Vue3 开发笔记（三）

今天开始配置一个完整的项目，如何搭建一个登录页面。登录页面采用ui部分为自定义，没有采用element-plus。该项目背景透明、CSS圆角、标题栏和菜单全部隐藏，采用自定义“关闭”和“最小化”按钮（主进程与渲染进程之间通信）、自定义桌面图标、r任务栏图标等。Electron分为主进程和渲染进程：主进程：每个Electron应用程序都有一个主进程，作为应用程序的入口点。主进程在Node.js环境中
BOYKA®·2023-12-25 13:00

Electron+Vue3开发桌面文件加密工具应用

成果展示：一、Electron+Vue3项目搭建步骤1、查看node版本，版本必须16及以上版本；查看是否安装npmcmd=>node-v2、切换镜像yarnconfigsetregistryhttps
不加糖..·2023-12-25 13:30

electron+vue3全家桶+vite项目搭建【17】pinia状态持久化

文章目录引入问题演示实现效果展示、实现步骤1.封装状态初始化函数2.封装状态更新同步函数3.完整代码引入上一篇文章我们已经实现了electron多窗口中，pinia的状态同步，但你会发现，如果我们在一个窗口里面修改了状态，然后再打开另一个窗口，此时窗口的状态并没有同步，所以我们需要对pinia的状态进行持久化处理，并在页面初始化时取到本地缓存的状态。demo项目地址问题演示如下所示，我们先在一个窗
编程小龙·2023-12-25 13:30

vue3+electron开发桌面软件0基础入门，搭建全网最简单的项目！

1.使用vite创建vue项目npminitvite1.1创建完成后，安装依赖包并运行项目npminstallnpmrundev2.vue项目中安装Electron2.1electron包可能会安装失败，建议使用cnpmnpmielectron-D3.定义入口文件3.1在跟目录下创建electron文件夹，electron文件夹下创建主进程文件main.js3.2然后在package.json配置
Ta_handsome·2023-12-25 13:58

一站式解决方案！Electron、Vite和Vue 3助你打造功能丰富桌面应用

Electron、Vite和Vue3助你打造功能丰富桌面应用背景结合ElectronForge、Vite和Vue3，你可以快速构建功能丰富的跨平台桌面应用程序，尽管你可能只懂web开发，你一样可以轻松的开发出各式各样的桌面应用
研道鸠摩智·2023-12-25 13:57
上一页 108 109 110 111 112 113 114 115 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他