Vue3中ref和reactive的区别及说明
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 170
vue3 ref和reactive的区别在 vue 3 中，ref 和 reactive 都是用来创建响应式数据的方法但它们有以下主要区别：...
Vue中.env文件的使用详解
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 169
.env文件配置vue项目中，.env文件是运行项目时的环境配置文件。但是在实际开发过程中，有本地开发环境、测试环境、生产环境等，不同环境对...
elementUI中el-upload文件上传的实现方法
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 191
使用elementui中的el-upload组件来实现文件上传http-request：允许使用自定义的方法来处理文件上传的请求。befor...
Vue中使用mixin扩展组件功能的基本步骤
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 157
1、vue中如何使用mixin扩展组件功能？在vue中，可以使用mixin来扩展组件的功能。mixin是一种可以将属性、方法等共享给多个组件...
vue实现列表无缝动态滚动
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 168
要想实现列表的动态无缝滚动，这里推荐两款组件，vue-seamless-scroll和vue3-seamless-scroll，组件的用法也...
Vue.js实现文件上传和进度条显示功能
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 172
vue.js实现文件上传和进度条显示功能在现代web开发中，文件上传是一个常见而重要的需求。无论是在用户上传头像、文档或者其他类型的文件时，...
vue3中setup的作用及使用场景分析
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 152
vue 3.0中的setup函数是一个全新的选项，它是在组件创建时执行的一个函数，用于替代vue2.x中的beforecreate和crea...
vue前端sku实现的方法小结
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 160
this.value.skustocklist = []; let skulist = this.value.skustock...
Vue3实现虚拟列表的示例代码
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 193
前言本文的虚拟列表基于上一篇中的核心代码和vue3实现，上文是看懂思考&设计部分内容的前提条件。使用安装npm install @e...
浅析Vue3中useRouter怎么在Vue组件外使用
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 157
userouter 是 vue 3 composition api 中的钩子（hook），它只能在 vue 组件中使用，而不是在普通的 ja...
VUE中this.$router.push点了后hash地址改变了页面不跳转
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 171
今天在写代码的时候，爆出了一个问题，在我使用this.$router.push的时候，hash地址改变了，但是页面却不发生跳转。地址从adm...
浅析Vue中混入mixin的实现
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 178
混入 (mixin) 提供了一种非常灵活的方式，来分发 vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，...
Vue3动态使用KeepAlive组件的实现步骤
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 158
概述在 vue 3 项目中，我们有时需要根据路由的 meta 信息来动态决定是否使用 keepalive 组件，以控制组件的缓存行为。本文将...
搭建Vue3+Vite+Ts脚手架的示例代码
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 162
1.输入 npm create vite@latest2.输入项目名字my-vite-project3.项目创建，选择 vue &mdash...
在uniapp中实现图形验证码的详细步骤
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 154
什么是图形验证码？图形验证码（也称为图片验证码或验证码图像）通常用于防止机器人自动提交表单，确保用户是人工操作。一、需求我们希望在一个表单中...
Vue数据改变但页面没有变的几种情况及解决方法
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 188
情况一：vue无法检测实例被创建时不存在于data中的变量原因：由于 vue 会在初始化实例时对data中的数据执行getter/sette...
Element Plus暗黑模式及模式自由切换的实现
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 160
环境介绍使用vite构建vue项目1、安装element plus依赖npm install element-plus --save2、使用...
Vue项目中实现无感Token刷新的示例
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 173
在前端项目中，token 通常用于用户认证和权限管理。无论是基于 jwt (json web token) 还是其他类型的 token，它们...
Vue中实现动态右键菜单的示例代码
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 165
在前端开发中，自定义右键菜单是一种常见的交互方式，它能够为用户提供更多的功能选项。在本文中，将探讨如何在 vue 中实现一个动态右键菜单，该...
Element plus 表单中下拉框的空值问题解决
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 178
问题：在表单中，有时候会碰到查询条件需要用下拉框来区分的时候，比如需要区分全部 | 启用 | 停用三个状态，这时一般会给全部的value值设...
解决‘vue-cli-service‘不是内部或外部命令,也不是可运行的程序问题
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 160
‘vue-cli-service‘不是内部或外部命令,也不是可运行的程序遇到'vue-cli-service...
Vue3实现动态切换Menu的示例代码
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 171
项目中需要使用一个顶部导航栏和侧边栏，顶部导航栏来控制侧边栏的生成，于是需要动态切换我是直接根据路由文件来控制整个菜单的生成结构，首先定义一...
vue3+element-plus 实现动态菜单和动态路由的渲染的项目实践
2024-11-25 15:28 | 分类：前端脚本 | 评论：0 次 | 浏览: 177
在 vue.js 中，使用 vue router 管理路由数据，并将其用于渲染el-menu（element ui 的菜单组件）通常涉及以下...
使用nginx打包部署前端vue项目完整过程(保姆级教程)
2024-11-21 11:58 | 分类：前端脚本 | 评论：0 次 | 浏览: 165
一. 打包1.1 打包命名npm run build1.2 打包命令执行上面的打包命令在终端中执行即可，这里主要是vue项目的打包部署全过程...
Nginx 配置TCP代理转发的实现
2024-10-28 19:15 | 分类：前端脚本 | 评论：0 次 | 浏览: 82
使用nginx 新版的 stream方式，实现tcp/udp代理转发。在nginx安装了 stream 模块后。修改nginx.conf在主...
Vue2中使用tailwindCss的详细教程
2024-10-28 14:18 | 分类：前端脚本 | 评论：0 次 | 浏览: 84
一、tailwindcss1、先看官方文档：https://www.tailwindcss.cn/2、先安装：npm install -d ...
vue3中storeToRefs让store中的结构出来的数据也能变成响应式(推荐)
2024-10-28 14:18 | 分类：前端脚本 | 评论：0 次 | 浏览: 84
1、首先需要安装pinia 具体安装和使用教程参考2、创建 src/stores/counter.js 文件，其内容如下：import {d...
前端vue3打印功能实现(多页打印、不使用插件)
2024-10-28 14:18 | 分类：前端脚本 | 评论：0 次 | 浏览: 80
说下总体思路，创建一个组件，里面放多个span字段，然后根据父组件传入的参数，生成子组件，最好我们打印子组件的信息即可。通过我多次ai，探索...
Vue3引入SVG图标的流程步骤
2024-10-28 14:18 | 分类：前端脚本 | 评论：0 次 | 浏览: 82
1. 前言我们在开发 vue 项目的时候会使用一些前端组件库，例如 element、ant design 等。这些组件库虽然方便，但是也有一...
vue2如何使用face-api.js实现人脸识别功能
2024-10-28 14:18 | 分类：前端脚本 | 评论：0 次 | 浏览: 83
由于开发需求要实现人脸识别，顺便在此记录一下，希望给各位前端爱好者带来帮助。1、安装依赖首先，确保你已经安装了vue.js，并且创建了一个v...