Vue3实现虚拟列表的示例代码
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 107
前言本文的虚拟列表基于上一篇中的核心代码和vue3实现,上文是看懂思考&设计部分内容的前提条件。使用安装npm install @e...
浅析Vue3中useRouter怎么在Vue组件外使用
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 83
userouter 是 vue 3 composition api 中的钩子(hook),它只能在 vue 组件中使用,而不是在普通的 ja...
VUE中this.$router.push点了后hash地址改变了页面不跳转
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 91
今天在写代码的时候,爆出了一个问题,在我使用this.$router.push的时候,hash地址改变了,但是页面却不发生跳转。地址从adm...
浅析Vue中混入mixin的实现
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 104
混入 (mixin) 提供了一种非常灵活的方式,来分发 vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时,...
Vue3动态使用KeepAlive组件的实现步骤
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 68
概述在 vue 3 项目中,我们有时需要根据路由的 meta 信息来动态决定是否使用 keepalive 组件,以控制组件的缓存行为。本文将...
搭建Vue3+Vite+Ts脚手架的示例代码
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 100
1.输入 npm create vite@latest2.输入项目名字my-vite-project3.项目创建,选择 vue &mdash...
在uniapp中实现图形验证码的详细步骤
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 85
什么是图形验证码?图形验证码(也称为图片验证码或验证码图像)通常用于防止机器人自动提交表单,确保用户是人工操作。一、需求我们希望在一个表单中...
Vue数据改变但页面没有变的几种情况及解决方法
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 108
情况一:vue无法检测实例被创建时不存在于data中的变量原因:由于 vue 会在初始化实例时对data中的数据执行getter/sette...
Element Plus暗黑模式及模式自由切换的实现
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 84
环境介绍使用vite构建vue项目1、安装element plus依赖npm install element-plus --save2、使用...
Vue项目中实现无感Token刷新的示例
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 102
在前端项目中,token 通常用于用户认证和权限管理。无论是基于 jwt (json web token) 还是其他类型的 token,它们...
Vue中实现动态右键菜单的示例代码
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 97
在前端开发中,自定义右键菜单是一种常见的交互方式,它能够为用户提供更多的功能选项。在本文中,将探讨如何在 vue 中实现一个动态右键菜单,该...
Element plus 表单中下拉框的空值问题解决
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 114
问题:在表单中,有时候会碰到查询条件需要用下拉框来区分的时候,比如需要区分全部 | 启用 | 停用三个状态,这时一般会给全部的value值设...
解决‘vue-cli-service‘不是内部或外部命令,也不是可运行的程序问题
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 100
‘vue-cli-service‘不是内部或外部命令,也不是可运行的程序遇到'vue-cli-service...
Vue3实现动态切换Menu的示例代码
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 94
项目中需要使用一个顶部导航栏和侧边栏,顶部导航栏来控制侧边栏的生成,于是需要动态切换我是直接根据路由文件来控制整个菜单的生成结构,首先定义一...
vue3+element-plus 实现动态菜单和动态路由的渲染的项目实践
2024-11-25 15:28 | 分类:前端脚本 | 评论:0 次 | 浏览: 104
在 vue.js 中,使用 vue router 管理路由数据,并将其用于渲染el-menu(element ui 的菜单组件)通常涉及以下...
使用nginx打包部署前端vue项目完整过程(保姆级教程)
2024-11-21 11:58 | 分类:前端脚本 | 评论:0 次 | 浏览: 103
一. 打包1.1 打包命名npm run build1.2 打包命令执行上面的打包命令在终端中执行即可,这里主要是vue项目的打包部署全过程...
Nginx 配置TCP代理转发的实现
2024-10-28 19:15 | 分类:前端脚本 | 评论:0 次 | 浏览: 48
使用nginx 新版的 stream方式,实现tcp/udp代理转发。在nginx安装了 stream 模块后。修改nginx.conf在主...
Vue2中使用tailwindCss的详细教程
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 52
一、tailwindcss1、先看官方文档:https://www.tailwindcss.cn/2、先安装:npm install -d ...
vue3中storeToRefs让store中的结构出来的数据也能变成响应式(推荐)
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 49
1、首先需要安装pinia 具体安装和使用教程参考2、创建 src/stores/counter.js 文件,其内容如下:import {d...
前端vue3打印功能实现(多页打印、不使用插件)
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 48
说下总体思路,创建一个组件,里面放多个span字段,然后根据父组件传入的参数,生成子组件,最好我们打印子组件的信息即可。通过我多次ai,探索...
Vue3引入SVG图标的流程步骤
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 46
1. 前言我们在开发 vue 项目的时候会使用一些前端组件库,例如 element、ant design 等。这些组件库虽然方便,但是也有一...
vue2如何使用face-api.js实现人脸识别功能
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 47
由于开发需求要实现人脸识别,顺便在此记录一下,希望给各位前端爱好者带来帮助。1、安装依赖首先,确保你已经安装了vue.js,并且创建了一个v...
Vue3中导入和使用组件几种常见方法(.vue文件)
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 50
在 vue 3 中,导入和使用组件的方式取决于你使用的组件书写和组织方式。以下是 vue 3 中导入组件的几种常见方法:1. 在单文件组件(...
VUE前端如何处理后端接口返回的图片详解
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 49
后端接口设计:setting中配置文件上传路径:media_root = base_dir / 'yourfiles'创建文件上传模型,使用...
Vue3实现canvas画布组件自定义画板实例代码
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 49
代码示例:<template> <div> <div class="toolbar"> ...
VUE3开箱即用的音频播放组件完整代码(基于原生audio)
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 48
1 效果展示2 组件文件audiobase.vue注:我是使用unocss语法来编写css 如果项目没有搭载unocss 将其相应的转换为c...
axios前端访问后端携带cookie的代码实例
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 65
当用户登录时,服务器会在用户的浏览器上设置一个cookie,该cookie包含了用户的登录信息(如用户名和id)。这样,当用户浏览网站时,服...
vue3封装request请求的完整案例
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 49
需求:把vue3原生的静态页 集成到 vue2 的若依项目 并且可以访问 vue2接口在vue3 src 下的 utils 下 创建文件re...
Vue打包为相对路径的具体实现方法
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 53
引言在vue.js项目中,构建后的资源文件(如css、javascript文件、图片等)通常会被放置在指定的目录下。为了确保这些文件能够被正...
vue3切换路由时页面空白问题解决办法
2024-10-28 14:18 | 分类:前端脚本 | 评论:0 次 | 浏览: 52
1.vue3页面空白不报错,刷新后显示正常记录问题:vue3中修改当前页面代码保存后,回到页面显示空白,切换菜单页面同样显示空白,刷新页面后...