Vue3
-
vue3中使用swiper完整版教程
介绍 在 vue3 中使用 swiper, 实现轮播图的效果;如果组件样式等模块引入不当,很有可能导致,页面无效果;或者想要的箭头或者切换效果异常问题。具体使用方式如下所示: 使用…
-
vue3集成bpmn.js
1 安装依赖 npm install bpmn-js npm install bpmn-js-properties-panel npm install camunda-bpmn-m…
-
Vue3 – 超详细 “纯前端“ 将文件上传到阿里云 OSS 对象存储,最新阿里云 SDK 上传音频、视频、图片、文档、office 等(保姆级详细示例源码教程,每行代码都有注释小白一看就懂)
前言 网上的教程大部分都过时了,各种不规范的写法五花八门(各种文件引入关系贼难改),对于新手来说真的无从下手。 本文站在新手的角度,在 vue3 项目开发中,超详细 “纯前端(无需…
-
Vue3 – 详细实现下载从服务端返回的文件流 Blob 对象教程,前端下载后端接口返回的文件流并自动保存到本地,支持任何格式的文件下载(从后端拿到二进制文件流 Blob 对象,前端实现点击下载功能)
前言 调用服务端(后端)接口拿到文件流,通过前端下载并保存到本地。 本文 实现了在 vue3 项目中,通过后端接口返回的二进制文件流 Blob 对象,在前端进行点击下载并保存到用户…
-
Vue3 – 实现路由 “新开一页“ 进行页面跳转功能,Router 路由跳转时在新窗口打开页面(网站跳转页面时浏览器新开页签打开网页,支持在页面、纯 js/ts 文件中使用,详细示例代码教程)
前言 网上这方面教程很少,本文提供多种解决方案,适用于任何场景。 本文 实现了在 vue3 项目开发中,当页面跳转时浏览器打开新窗口(新页签)跳转,Router 路由跳转并新开一页…
-
vue3 监听resize窗口事件,离开页面要销毁窗口事件。
resize事件: resize事件是改变窗口大小时发生的事件,可以在窗口开启、最大化、最小化、窗口大小改变(如拖拉改变窗口大小、move语句改变窗口大小、改变width或heig…
-
Vue3使用van-uploader遇到某些安卓机型(小米、vivo、oppo等等)无法上传文件解决方案
文章目录 概要 对应的附件格式 组件封装 小结 概要 最近在做移动端时遇到个上传附件的需求是只能上传以下类型的文件: 图片文件(jpeg、jpg、png) 文档文件(pdf、txt…
-
vue3的setup 语法糖中获取slot 插槽的dom对象
最近使用vue3开发项目,需要封装一个无限滚动的组件,使用scroll组件内置插槽接受模板的方式,所以需要在scroll组件内获取到模板渲染后dom元素的宽高。 但是setup语法…
-
2024年前端最新面试题-vue3(持续更新中,2024.3.7更新)
文章目录 前言 正文 什么是 MVVC 什么是 MVVM 什么是 SPA 什么是SFC 为什么 data 选项是一个函数 Vue 组件通讯(传值)有哪些方式 Vue 的生命周期方法…
-
relectron框架——打包前端vue3、react为pc端exe可执行程序
文章目录 ⭐前言 ⭐搭建Electron打包环境 💖 npm镜像调整 💖 初始化项目 💖 配置index.js ⭐打包vue3 ⭐打…
-
vue3 解决各场景 loading过度 ,避免白屏尴尬!
Ⅰ、前言 当我们每次打卡页面,切换路由,甚至于异步组件,都会有一个等待的时间 ; 为了不白屏,提高用户体验,添加一个 loading 过度动画是 非常 常见的 ; 那么这几种场景我…
-
前端 vite+vue3——写一个随机抽奖组件
文章目录 ⭐前言 ⭐设计布局 ⭐交互设计 ⭐整体代码 ⭐insicode代码 ⭐总结 ⭐结束 ⭐前言 大家好,我是yma16,本文分享关于前端 vite+vue3——写一个抽奖随机…
-
vue3 nextTick()应用
在Vue3中,可以使用nextTick函数来延迟执行某些操作,这些操作会在下一次DOM更新周期之后执行。这个函数通常用于在数据更新后,等待DOM更新之后执行一些操作,比如获取DOM…
-
Vue3实战教程(快速入门)
Vue3实战教程(快速入门) 前言 1.搭建脚手架 1.1 创建项目 1.2 清除多余文件,创建干净项目 1.3 创建登录页面 2.创建404页面(引入sass) 2.1 引入sa…
