vue3导出excel 第130页

uniapp和vue3+ts实现自定义头部导航栏左侧胶囊内容

由于某些原因，可能需要我们自己定义头部导航栏的内容，实现各种设计师画的设计稿，所以就需要这个自定义的组件，实现的内容：自定义标题和左侧胶囊图标内容，也可以自定义搜索内容到里面，实现的效果图：实现步骤1.先在pages中将这个页面的导航设置为自定义"navigationStyle":"custom"2.在app.vue中获取头部高度源代码：import{onLaunch,onShow,onHide}

1024小神·2023-12-04 02:03

uniapp vue3 h5,微信小程序滚动屏幕元素渐入动画&自定义导航栏

项目文件下载地址实际效果如下：一、滚动屏幕元素渐入注意事项：animate.css需要添加样式兼容微信小程序；微信小程序滚动时boundingClientRect获取不到标签信息1、HBuilderX打开uniapp创建的vue3

我人麻了啊·2023-12-04 02:03

Vue3实现滚动到容器底部时发送请求，加载新数据

问题来源在项目中出现了需要在容器滚动到底部时，加载新的数据的需求，以下是解决的方案笔记解决画了个流程图：如图，先添加一个动态加载的图标，还有全部数据载完的《到底啦...》大概这么个样子，之后呢，我们需要用到@scroll方法和ref获取这个元素的scrollHeight和scrollTop来机型判断加不加载数据，再使用上面说到的节流操作，就成功实现啦..代码如下，需要根据业务对应的请求...//节

stu_kk·2023-12-04 01:03

Vue---Echarts

项目需要用echarts来做数据展示，现记录vue3引入并使用echarts的过程。1.使用步骤安装ECharts：使用npm或yarn等包管理工具安装ECharts。

stu_kk·2023-12-04 01:33

解决vue3中使用ts报错 “元素隐式具有 “any” 类型

在tsconfig.json中配置"noImplicitAny":true,"suppressImplicitAnyIndexErrors":true

微光无限·2023-12-04 01:32

vue3（vite）设置代理，封装axios，api解耦

一、设置代理打开根目录下的vite.config.js文件，设置代理import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'//https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],//设置代理server:{proxy:{'/api':'xxx

微光无限·2023-12-04 01:31

vue2、vue3 eventbus实现组件间全局通信

vue2//在main.jsVue.prototype.$eventBus=newVue();//传值组件this.$eventBus.$emit('eventTarget',data)//data是需要通信的数据//接收组件this.$eventBus.$on('eventTarget',(res)=>{console.log(res);//具体需要操作的方法})//移除监听（为了避免路由切换过

.利。·2023-12-03 23:41

面试官：说说Vue中Proxy与Object.defineProperty的用法与区别

前言面试时，我们说完Vue响应式原理，或者Vue2和Vue3的区别时，通常会引出Vue3使用了Proxy来优化响应式，而面试官会继续深挖：说说Proxy与Object.defineProperty的区别

冰镇白干·2023-12-03 23:13

electron+vue3初体验

一、创建项目使用命令npmcreatevite@latest创建vue3项目二、引入electron可参考官网配置Electron1、下载electron使用命令npminstallelectron-D

胡同学ou·2023-12-03 23:05

使用webpack5搭建vue3脚手架

1、项目初始化npminit-y//创建package.json仿照官方脚手架创建好项目的目录结构，router和views文件夹可以不用加2、项目的打包配置const{Configuration}=require('webpack')constpath=require('path')constos=require('os')constHtmlWebpackPlugin=require('html

胡同学ou·2023-12-03 23:05

浅尝微前端(无界)

1、基本使用vue3项目作为父应用//下载wujie//npminstallwujie-vue3//引入importWujieVuefrom'wujie-vue3'//...

胡同学ou·2023-12-03 22:35

uniapp系列-超详细教你在uni-app+vue3里通过web-view组件传递信息打开H5页面写入localstorage并解决兼容性

web-view是什么web-view是一个web浏览器组件，可以用来承载网页的容器，会自动铺满整个页面（nvue使用需要手动指定宽高）。点击这里直达官网文档点击这里下载我的代码demo本文最下面还有一些常见或者奇怪问题解决方案哦~为什么使用这种方式搞页面？有什么好处呢？之前开发好的H5页面，不想重新开发，想要直接放进项目用页面热更新，不需要重新打包复杂需求使用H5比较方便，比如复杂的echart

tangdou369098655·2023-12-03 22:31

用vite搭建vue3+ts项目

一、环境搭建1：首先vite环境安装npminitvite或者yarninitvite2：输入项目的名字,在这里用vue3_test?

一个大土豆的日常·2023-12-03 20:41

苍穹外卖--导出运营数据Excel报表

业务规则：导出Excel形式的报表文件导出最近30天的运营数据注意：当前

有模有样(^～^)·2023-12-03 20:50

vue3+vite搭建cesium项目

1.创建项目cnpmcreatevite2.安装依赖npmicesiumvite-plugin-cesiumvite-D3.在vite.config.js里进行配置import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importcesiumfrom'vite-plugin-cesium';exportdefaultdefin

m0_63701303·2023-12-03 19:30

VUE3组合式API，这样写最优雅

作为vue框架的老粉，本篇文章总结一哈，如何在vue3的setup中优雅写组合式函数。

✎﹏ℳ๓₯㎕·2023-12-03 19:23

Vue3中后台动态路由 + 侧边栏渲染方案

之前的动态路由方案前端只存储基础的路由（登录、首页、404）根据不同的登录角色，返回其对应的可访问路由树从服务端获取路由树（JSON）并递归处理成vue-router可使用的数据结构，并通过addRouters拼接到基础路由树，完成动态路由优点相当安全，项目里面只有基础路由，业务路由全部来自接口缺点代码中只保存了基础路由，业务路由的全部字段需要前端开发人员手动录入到超级管理系统之中，维护业务路由非

✎﹏ℳ๓₯㎕·2023-12-03 19:23

Vue3中teleport如何使用

Vue3作为一种流行的JavaScript框架，一直以来都在努力提供更便捷、灵活的开发体验。本文将深入解析Teleport，包括其详细的使用方法、源码实现机制以及在实际项目中的应用场景。

✎﹏ℳ๓₯㎕·2023-12-03 19:22

一文从Vue2过渡到Vue3

文章目录Vue3简介创建Vue3.0工程使用vue-cli创建使用vite创建Vue3工程结构变化常用CompositionAPI拉开序幕的setupref函数reactive函数Vue3.0中的响应式原理

十八岁讨厌编程·2023-12-03 19:06

Vue3【Set Up】语法糖 + TS快速上手

文章目录scriptsetup基本语法顶层的绑定会被暴露给模板响应式监听与计算使用组件父子组件传参（变化较大）父->子defineProps()子->父defineEmits()子组件暴露给父组件内部属性defineExpose()defineOptions()【很少用】Ref属性scriptsetup是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法

十八岁讨厌编程·2023-12-03 18:33

Vue3中watch和watchEffect的区别及使用场景

Vue3中watch和watchEffect的区别及使用场景在Vue3中，watch和watchEffect是用于监听响应式数据变化的两个重要API。

fanjianwucmx·2023-12-03 18:36

VUE语法-ref和reactive响应式数据引用

2、创建一个非响应式的参数该程序中采用的是VUE3的用法：1、在程序中定义了一个局部变量letname=”晓春”;并在id=”app”的div中通过{{name}}的方式应用。

雾林小妖·2023-12-03 17:38

关于vue3中v-model做了哪些升级

发生变化：在自定义组件上使用时，v-model的prop和event默认名称会更改：prop：value->modelValueevent：input=>update:modelValuev-bind的.sync修饰符和组件model选项被删除并替换为v-modelv-model现在可以在同一个组件上进行多个绑定可以自定义v-model修饰符2.x语法在input中使用在组件中使用如果我们想将pr

壮壮仔儿·2023-12-03 16:26

Vue3 配置自动导入的步骤

一：介绍Vue3与Vue2有众多区别，其中之一就是组件式开发。当我们在页面中使用时，需要先进行import导入，而后才能够使用ref等组件。但是这样会有些麻烦，因此我们可以使用一些依赖来进行自动导入。

暴怒的代码·2023-12-03 16:12

Vue3 的 inject 和 provide （附源码）

一：前言在前端项目中牵扯的最多的莫过于组件之间的传值了，除了最最常用的props和emit，其实在Vue中还额外提供了另外几种方法。今天分享一种组件之间通信的方法：provide和inject。二：使用1、目录结构以下是项目的目录结构，其中index.vue是进入的首页。在这个页面中引入了son1.vue组件，在son1.vue中引入了son2.vue组件。2、效果右侧是我们项目的页面效果，当我们

暴怒的代码·2023-12-03 16:41

vue3的基本数据类型监听和引用数据类型的监听

1.方式一:监听单个基本数据类型(ref)，（ref定义的基本类型使用watch监听时候不需要.value）watch(sum,(newVal,oldValue)=>{console.log(newVal,oldValue);});2.方式二:监多个基本数据类型(ref)watch([sum,tips],(newVal,oldValue)=>{console.log(newVal,oldValue

桔子TJ·2023-12-03 16:22

SpringBoot-Vue项目初始搭建

video/BV18E411a7mC/p12）新建文件夹(最好不要有中文)打开cmdvuecreatevue创建vue项目选择自己需要的配置（空格选择，回车下一步）选择vue版本目前（2022-10）vue3

笨手笨脚の·2023-12-03 16:01

【vue-router】useRoute 和 useRouter 的区别

作者主页：有来技术开源项目：youlai-mallvue3-element-adminyoulai-boot仓库主页：GiteeGithubGitCode欢迎点赞收藏⭐留言如有错误敬请纠正！

有来技术·2023-12-03 15:51

解决vue3项目打包发布到服务器后访问页面显示空白问题

1.在vite.config.ts文件中加入base:'./'当你将base设置为/时，它表示你的应用程序将部署在服务器的根路径上，（将base设置为/表示你的应用程序部署在服务器的根路径上，并且Vite会相应地处理资源和路由的路径）2.router里面的路由模式改为createWebHashHistoryenv.VITE_PUBLIC_PATH的值如下VITE_PUBLIC_PATH='/'即可

前端~·2023-12-03 15:57

vue3使用defer优化项目白屏加载时间

defer.tsimport{ref}from'vue'exportfunctionuseDefer(){constframeCount=ref(1)functionupdateFrameCount(){requestAnimationFrame(()=>{frameCount.value++updateFrameCount()})}updateFrameCount()returnfunction

A_ugust__·2023-12-03 14:05

利用vue3SeamlessScroll简单实现列表的无限循环滚动

1、安装yarnaddvue3-seamless-scroll2、导入及基本使用import{Vue3SeamlessScroll}from'vue3-seamless-scroll';import{ref

A_ugust__·2023-12-03 14:27

Vue3炫酷可旋转的3D地球

首先，我们需要安装Three.js库：npminstallthree接下来，我们创建一个Vue3项目，并在项目中引入Three.js库。

特创数字科技·2023-12-03 14:19

当TinyMCE富文本编辑器遇到Vue3+nuxt+ts项目，分享引入成功案例及过程中踩的那些坑

文章目录前言遇到的坑插入上传图片插件上传图片请求与返回值处理本地文件引入报错解决源码前言如果你的前端项目技术栈使用的是Vue3+nuxt+ts，并且老大让你集成一下那个传说中非常丝滑的TinyMCE富文本编辑器

LangForOne·2023-12-03 13:56

Vue3+nuxt+ts项目引入高德地图API实现步骤

LangForOne·2023-12-03 13:55

动态加载svg，根据path路径移动动画，配置关键帧实现动画效果（移动和透明度）最后附上gitee地址

关键帧动画效果一、先上依赖包基本的vue3项目配置，需要安装d3和animejs的包。

张小浪·2023-12-03 12:30

vue3.0实现标签云（或词云）

echarts-wordcloud插件这里是我使用插件的版本"echarts":"^5.2.2","echarts-wordcloud":"^2.0.0","vue":"^3.2.26",二、附上.vue文件内容这里我使用的是vue3.0

张小浪·2023-12-03 12:29

vue3中使用swiper7及autoplay无效问题

版本vue3.2.26swiper7.4.1坑啊，真的是太坑了，swiper7中使用需单独引入组件{{item}}import{Pagination,Autoplay}from'swiper'import

张小浪·2023-12-03 12:59

Vue3 第三章项目优化axios封装和跨域

axios封装新建request.js文件importaxiosfrom"axios";constbaseURL='http://127.0.0.1:8080';constinstance=axios.create({baseURL});//响应拦截器instance.interceptors.response.use(result=>{returnPromise.resolve(result.d

bj_wasin·2023-12-03 12:22

Vue3 第三章路由使用

1、使用简介如下图vue中引入2、安装vue-routernpminstallvure-route@43、新建路由js文件如下import{createRouter,createWebHistory}from"vue-router";importAppMainfrom"@/components/AppMain.vue";//定义路由关系constroutes=[{path:'/',componen

bj_wasin·2023-12-03 12:50

使用Vue3撸一个弹窗组件

撸一个弹窗组件新建confirm.vue文件使用vue3里面新出的teleport标签来构建页面这里text，confirmBtnText，cancelBtnText三个变量由父组件传入。

一条爱吃屎的狗·2023-12-03 12:40

web前端之vue3

MENUvue3响应式数据的判断、isRef、isReactive、isReadonly、isProxy、ref、reactive、readonlyvue3的生命周期vue3手写isRef、isReactive

蒙尸凶MJ682517·2023-12-03 12:10

浏览器端使用 npm 包

module：使用ESModule版例如使用vue3,最新版jque

xczq·2023-12-03 10:33

vue3-vite-ts：编写Rollup插件并使用 / 优化构建过程

一、vue3-vite-ts项目，编写Rollup插件并使用的意义在使用Vue3+Vite+TypeScript这种技术栈时，可以使用Rollup插件来优化构建过程，例如使用rollup-plugin-typescript2

snowball_li·2023-12-03 10:38

vue3 解决el-input type=number 输入框上下箭头问题

直接上代码，希望有效果的朋友们点个赞！！！:deep(input::-webkit-inner-spin-button){-webkit-appearance:none!important;}:deep(input::-webkit-outer-spin-button){-webkit-appearance:none!important;}:deep(input[type='number']){-

红烧咸咸鱼·2023-12-03 08:03

QT 中 QFileDialog::getOpenFileName 获取到文件路径，并打开这个文件。

思路QStringfilePath=QFileDialog::getOpenFileName(this,"导出excel目录","C:\\Users\\18584\\Desktop\\qtcode",/

陈远松·2023-12-03 07:14

vue3实现TabsView(包含鼠标滚动横向滚动条以及鼠标右击菜单)

TagsView.vue{{tag.title}}刷新页面-->关闭当前关闭其他全部关闭import{usePermissionStore,useTagsViewStore}from'@/store';importpathfrom'path';import{color}from'echarts';defineOptions({name:'TagsView',});/***@desc:Types*/

暗月Moon·2023-12-03 07:37

vue3 调用子组件的方法

child.vueconstDoSomeThing=()=>{alert('点击事件');}//输出组件的方法，让外部组件可以调用defineExpose({DoSomeThing,})parent.vue调用子组件的方法//setup模式下，直接引用Vue文件，则相当于在组件中，注册了子组件import{onMounted,ref}from'vue';importchildVuefrom'./c

一只敲码的猫~·2023-12-03 07:00

vue3 事件 emit 使用

parent.vue{{value}}import{ref}from'vue';importchildVuefrom'./child.vue';constvalue=ref();constSynchroData=(val)=>{value.value=val}constSynchroEvent=(val)=>{value.value=val}child.vue$emit简写在setup中调用imp