vue3导出excel

vue3笔记十二(自定义指令directive)

1、自定义指令vue3指令的钩子函数createdbeforeMountmountedbeforeUpdateupdatedbeforeUnmountunmounted2、简单使用change{{num
·某某··2023-12-05 15:56

vue3+ts hooks的使用

importAfrom"./components/A.vue";importuseBase64from"./hooks";useBase64({el:"#img",}).then((res)=>{console.log(res.baseUrl);});hooks/index.ts:import{onMounted}from"vue";typeOptions={el:string}exportdef
你的美，让我痴迷·2023-12-05 15:56

vue3+ts 全局函数和变量的使用

{{$env}}{{$filters.format("的飞机")}}import{getCurrentInstance}from"vue";constapp=getCurrentInstance();console.log(app?.proxy?.$filters.format("dffdfd"));main.ts:import{createApp}from"vue";import"./style
你的美，让我痴迷·2023-12-05 15:56

vue3+ts 图片懒加载

import{ref,reactive}from"vue";importtype{Directive}from"vue";import{entries}from"lodash";//glob是懒加的模式//globEager静态加载letimageList=import.meta.globEager("./assets/images/*.*");letimageList2:Record=impor
你的美，让我痴迷·2023-12-05 15:26

vue3+ts 指令拖拽案例

内容import{ref,Directive,DirectiveBinding}from"vue";constvMove:Directive=(el:HTMLElement,bingding:DirectiveBinding)=>{letmoveElement:HTMLDivElement=el.firstElementChildasHTMLDivElement;console.log(moveE
你的美，让我痴迷·2023-12-05 15:24

Vue2.0与Vue3.0的区别

一、Vue2和Vue3的数据双向绑定原理发生了改变Vue2的双向数据绑定是利用ES5的一个API，Object.definePropert()对数据进行劫持结合发布订阅模式的方式来实现的。
wei_dan1129·2023-12-05 14:35

vue3实现在某个div里面动态的切换页面

首先是动态的某个div里面切换内容登录注册import{shallowRef}from'vue';importOneComponentfrom'@/views/drawing/test/one';importTwoComponentfrom'@/views/drawing/test/two';constcurrentComponent=shallowRef(null);constswitchCom
青莳吖·2023-12-05 14:00

vue3通过el-dropdown实现动态菜单切换页面

这是效果图首先是主页index.vueimport{onMounted,shallowRef}from'vue';importTopmenufrom"./station/topmenu";constcurrentComponent=shallowRef(signal);//主动监听事件onMounted(()=>{window.addEventListener('componentChange',
青莳吖·2023-12-05 14:00

vue3中v-for报错 ‘item‘ is of type ‘unknown‘

报错在写vue3+ts的项目，得到一个数组，需要循环展示，使用v-for循环，写完之后发现有个报错，如下：解决props的时候使用PropType将数据类型完整标注即可以为没有显示的表示出list中item
@小花76·2023-12-05 14:09

VUE3 Animate Css实现动画过渡

Vue3项目中使用AnimateCss实现动画过渡首先引入animatecss到项目中，这里不多赘述。
zoooooora·2023-12-05 13:33

vue transition过度动画 css 不生效

可能是vue3或者改动的原因需要改为：//过度动画样式//动画开始.sort-enter-from{height:0px;}//动画生效中.sort-enter-active{transition:0.7slinear
wlocfo·2023-12-05 13:31

vue使用qrcodejs2-fix或者qrcodejs2插件生成二维码

1.vue2安装npmiqrcodejs21.1.vue3安装npminstallqrcodejs2-fix2.组件中引入并封装成公共组件，vue3版import{defineComponent,reactive
柠檬加栤·2023-12-05 13:00

关于vue3 + Vant4 组件库 日期选择器中参数的格式化

伙伴匹配系统用到了vue3+Vant4组件库，在做创建队伍表单的编辑页，引入了Vant4组件库中的DatePick日期选择，如下：过期时间右侧的时间定义变量为addTeamData.expireTime
qq_53318302·2023-12-05 12:21

vue3 setup语法糖 多条件搜索（带时间范围）

目录前言：setup介绍：setup用法：介绍：前言：不管哪个后台管理中都会用到对条件搜索带有时间范围的也不少见接下来就跟着我步入vue的多条件搜索（带时间范围）在Vue3中，你可以使用setup函数来处理多条件搜索和时间范围的情况
冰海恋雨.·2023-12-05 12:24

vue3 setup语法糖 搜索

在Vue3中，引入了语法，这是一种更简洁、更快速的方式来编写组件。这种语法使得组件的编写变得更加简单和直观，同时也提高了代码的可读性和维护性。在这
冰海恋雨.·2023-12-05 12:52

MyBatis 设计模式解析

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

Vue3+ts----根据配置项，动态生成表单

这里使用的UI框架是ElementPlus，更换其他组件直接更换constant.ts中的type配置和对应的Form组件即可.思路：1.这里需要使用h函数方便控制要渲染的表单2.传递type作为组件或html元素进行渲染，3.默认包一层El-form，每个数组项会包一个ElformItem4.传入formDataKey，对绑定的表单项进行映射exportconstDyForm=defineCom
大鲤余·2023-12-05 10:20

面到了一个Vue3超厉害的前端人才。。。

资料内容展示三个维度：资料框架+八股文+Vue3面试题+算法题部分资料逻辑框架八股文面试必备的八股文，整理的超级全。结合了2023年最新的面试动向，精准拿捏今年的前端面试！
前端达人·2023-12-05 10:05

面试遇到的一些问题（二）

1、v-ifv-show区别，他们的生命周期区别2、map()和forEach()区别3、vuex有什么办法可以永久存储4、vuex相关5、vue2和vue3声明周期的区别6、vue-router原理7
小蘑菇0629·2023-12-05 09:02

Vue3使用阿里云OSS直传

采用Browser.js简单上传，官网：如何使用Browser.jsSDK简单上传文件_对象存储OSS-阿里云帮助中心安装：npminstallali-oss首先获取临时访问凭证包括临时访问密钥（AccessKeyID和AccessKeySecret）和安全令牌（SecurityToken）获取临时密钥加安全令牌，通过从后端获取，令牌存储前端非常不安全，可以通过抓包工具进行抓取。constclie
万物得其道者成·2023-12-05 09:00

Vue3使用vue-baidu-map-3x百度地图

安装vue-baidu-map-3x：//vue3$npminstallvue-baidu-map-3x--save//vue2$npminstallvue2-baidu-map--save全局注册/局部注册
万物得其道者成·2023-12-05 09:58

记录一次oracle数据库内number数据使用getString取值报错解决。java.lang.claasscastexception:报错

java.lang.claasscastexception:报错导出Excel表格的时候，需要导出一些number类型的数据，但是用getString会报错java.lang.claasscastexception
天蓝月色·2023-12-05 09:42

vue3——事件监听：v-on应用(@的应用)

绑定事件监听指令：v-on缩写：@(语法糖)当用户不设置参数时，默认传递%event(即：事件对象)按钮函数：网页显示：当点击按钮时：第一行就是事件对象，而事件对象.target就是返回事件对象对应的元素本身。当设置多个参数时，就需要手动添加%event参数。按钮函数：效果也是一样的。示例：按钮函数：网页显示：当点击白色区域按钮时，三个按钮事件全部都会触发，即：外层元素也会触发事件，但触发顺序是从
凶呆呆·2023-12-05 09:30

vue3 vue-router过渡动效 & 滚动行为 （四）

文章目录一、过渡动效1.1安装animate.css1.2利用元信息存储过渡名称1.3在组件中使用二、滚动行为2.1始终滚动到顶部2.2相对于某个元素的偏移量2.3保持之前的滚动位置一、过渡动效1.1安装animate.cssnpminstallanimate.css--save1.2利用元信息存储过渡名称{path:"/home",name:"home",alias:"/index",compo
小钱999·2023-12-05 09:29

Vue3 v-model:灵活的双向数据绑定

在Vue3中，v-model经历了一些改进，提供了更灵活的用法。本文将介绍Vue3中v-model的新特性以及如何使用它来实现双向数据绑定。一、v-model基本用法在vue2
小钱999·2023-12-05 09:59

vue3 vue-router的安装及配置 (一)

一、安装注意：vue3安装的是vue-router@4,vue2安装的是vue-router@3,这里我们讲解的是vue3，所以应当安装其4版本。npminstallvue-rou
小钱999·2023-12-05 09:59

vue3 vue-router 404 重定向 别名 嵌套路由 命名视图 元信息 （三）

文章目录一、404Notfound路由二、重定向三、别名四、嵌套路由五、命名视图六、路由元信息一、404Notfound路由当用户输入任何未知的路径时，VueRouter都将显示我们定义的404页面。这种方式使得我们能够更好地控制用户访问未知路径时的行为，提供更友好和统一的用户体验//添加通配符路由{path:'/:catchAll(.*)',component:()=>import("@/vie
小钱999·2023-12-05 09:59

Vue3组件传参之父子组件传参

在Vue3中，父子组件之间的通信是一项常见的任务。本文将介绍一些在Vue3中实现父子组件之间传值的方法。一、Props（父组件向子组件传参）在Vue3中，可以使用props来在父组件向子组件传递数据。
小钱999·2023-12-05 09:29

vue3 + TS 项目中使用pinia-plugin-persistedstate持久化缓存

Vue3和Pinia是一对非常好的组合，可以帮助你构建现代化的Vue应用程序。而pinia-plugin-persistedstate是一个用于在Pinia存储中实现状态持久化的插件。
gaolei_eit·2023-12-05 09:58

vue3 vue-router编程式导航（二）

本篇博客将介绍如何在Vue3应用程序中使用VueRouter进行编程式导航。
小钱999·2023-12-05 09:24

Vue3入门

1.Vue快速上手vue3地址地址：https://github.com/vue38.2Vue3优势（1）性能的提升。（2）源码升级。（3）支持TypeScript。（4）新特性。
PHP是最好的语言.·2023-12-05 06:29

Vue2-Vue3学习笔记（全）

1.Vue核心1.1初识Vue1.想让Vue工作，就必须创建一个Vue实例，且要传入一个配置对象。2.root容器里的代码依然符合html规范，只不过混入了一些特殊的vue语法。3.root容器里的代码被称为“Vue模板”。4.容器和实例的关系：容器和实例只能是一一对应的关系。开发中只会出现一个vue实例a.多个容器对应一个实例，只有第一个容器会绑定。b.多个实例对应一个容器，只有第一个实例会生效
PHP是最好的语言.·2023-12-05 06:28

uniapp是否可以用vant等移动端UI库、使用步骤以及需要注意的问题

基本使用步骤：1、安装#安装Vant-如果你用的是vue3$npminstallvant#如果你用的是vue2$npmivant@latest-v2-S#在main.js中引入Van
WEB前端圈·2023-12-05 06:53

Vue3实现路由缓存~

1、设置缓存对应的数据需要在全局状态管理中，或者当前组件中添加数据（本次演示在全局状态管理中，使用的是pinia）constcoreStore=defineStore('coreStore',{state(){return{//缓存页面路由数组及组件cacheRoutes:[],includeComs:[],cacheComs:newMap()}},actions:{setCacheRoute(r
死神654·2023-12-05 04:34

【计算机毕业设计】Vue3.0小兔鲜儿电商项目+项目学习笔记

Vue3.0小兔鲜儿电商项目基于vue3.0的组合API方式与选项API的方式开发的一个综合品类的电商前台系统。
JAVA编码选手·2023-12-05 02:17

vue3小兔鲜商城项目学习笔记+资料分享02

最近正在学习vue3小兔鲜下面是学习笔记建议大家先去看我第一篇小兔鲜的文章，强烈建议，非常建议，十分建议，从头开始看更完整。
小前端端·2023-12-05 02:46

vue3小兔鲜商城项目学习笔记+资料分享06

最近正在学习vue3小兔鲜下面是学习笔记购物车模块购物车功能分析[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eB0x8EDy-1668073110525)(media/
小前端端·2023-12-05 02:46

黑马程序员 vue3小兔鲜电商项目笔记 一、项目初始化

目录一、创建项目二、创建项目所需的文件夹三、使用Git管理项目四、联想路径设置五、引入ElementPlus六、主题色定制1.安装scss2.准备定制样式文件3.对ElementPlus样式进行覆盖七、axios基础配置1.安装axios2.配置基础实例（统一接口配置）八、项目整体路由设计1.一级路由2.二级路由九、静态资源引入和ErrorLens安装十、scss自动导入一、创建项目使用win+r
又狐闹了·2023-12-05 02:16

vue3异步引入组件

defineAsyncComponent()定义一个异步组件，它在运行时是懒加载的。参数可以是一个异步加载函数，或是对加载行为进行更具体定制的一个选项对象。基本用法在大型项目中，我们可能需要拆分应用为更小的块，并仅在需要时再从服务器加载相关组件。Vue提供了defineAsyncComponent方法来实现此功能：import{defineAsyncComponent}from'vue'const
Gifted_·2023-12-05 02:16

Vue3+SpringSecurity，用代理服务器解决头疼的跨域问题

本人的前后端项目是这样的：前端：http://localhost:5173后端:http://localhost:9001，并且使用了springsecurity，配置了允许跨域，而且可以实现前后端分离登录。后端部分代码如下（有的代码是参考了别的大神）packagecom.example.demo.config;@ConfigurationpublicclassSecurityConfigexte
y523648·2023-12-05 01:25

Web前端 ---- 【vue】vue 组件传值（props、全局事件总线、消息的订阅与发布）

以下方法暂未涉及到Vue3中新提供的方法父子组件父传子在父组件中给需要传递数值的子组件绑定属性i
软工不秃头·2023-12-05 01:29

vue3大屏适配之常见方案

1.rem单位+动态设置html的font-size(不推荐)如将设计稿的宽(1920)平均分成24等份，每一份为80px。动态设置html的font-size可以使用媒体查询或者js来动态改变body的fontsize大小，媒体查询太麻烦，以下是通过js代码动态改变fontsize大小。哈哈哈哈import{nextTick}from'vue';onMounted(()=>{nextTick((
小方很无聊·2023-12-04 23:33

【Vue3+Ts项目】硅谷甄选 — 搭建后台管理系统模板

PS：vue3官方推荐的IDE设置是VSCode+Vue语言功能(Volar)扩展。Volar扩展提供语法突出显示、Type
唧唧bong_·2023-12-04 22:58

【Vue3+Ts项目】硅谷甄选 — vue3组件通信方式

一、vue3组件通信方式vue2组件通信方式：props：可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件：可以实现子父组件通信全局事件总线$bus：可以实现任意组件通信pubsub：发布订阅模式实现任意组件通信
唧唧bong_·2023-12-04 22:28

Vue3引入markdown编辑器--Bytemd

字节跳动开源了一款markdown编辑器，bytemd，项目地址：GitHub-bytedance/bytemd:ByteMDv1repository安装npmi@bytemd/vue-next引入方式如下，再main.js中引入样式import'bytemd/dist/index.css'直接封装一个Markdown编辑器importgfmfrom"@bytemd/plugin-gfm";imp
stu_kk·2023-12-04 22:33

Vue3组合式API

组合式API是一系列API的集合响应式API例如ref()和reactive()，使我们可以直接创建响应式状态、计算属性和侦听器。生命周期钩子例如onMounted()和onUnmounted(),使我们可以在组件各个生命周期阶段添加逻辑。依赖注入例如provide()和inject(),使我们可以在使用响应式API时，利用Vue的依赖注入系统。示例import{ref,onMounted}fro
翰戈.summer·2023-12-04 21:29

vscode创建vue项目

文章目录一、配置node.js、vue3环境二、创建vue项目1.打开vscode，点击终端，新建终端2.选择vue版本（默认3）3.自定义配置各类选项（选择第三）4.自定义配置各类选项5.创建项目6.
儿鱼·2023-12-04 21:57

Vscode创建vue项目的详细步骤

目录一、概述操作的前提方式一（默认vue3方便快捷）方式二（可选择vue版本与创建方式）一、概述后端人员想在IDEA里面创建一个Vue的项目，但是这非常麻烦，用vscode这个前端专用软件创建就会非常快速
云边的快乐猫·2023-12-04 21:27

vue管理系统模版

vue3版本vue3-element-admin1.官网资源(我这个资源文件夹是配置好的,不用下载依赖了,可以直接npmstart运行,下面只是介绍下官网是怎么操作的)vue3-element-admin
萧寂173·2023-12-04 21:55

做项目碰到的一些安卓与苹果的不兼容,做个记录

默认字体//苹果手机默认字体为font-family:simsun;//安卓和H5默认字体为font-family:initial;屏幕截图(html-to-image)//这里只做js部分(vue3使用
萧寂173·2023-12-04 21:55
上一页 124 125 126 127 128 129 130 131 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他