#vue 第52页

vue ajax 延时,Vue.js Ajax(vue-resource)

Vue.jsAjax(vue-resource)Vue要实现异步加载需要使用到vue-resource库。Vue.js2.0版本推荐使用axios来完成ajax请求。

Sabrina Lee·2025-05-09 03:05

【全网最全】23种设计模式思维导图详解 | 含React/Vue/Spring实战案例

【全网最全】23种设计模式思维导图详解|含React/Vue/Spring实战案例导图概述本文通过高清思维导图系统梳理了23种设计模式，分为创建型、结构型、行为型三大类，并标注了各模式在主流框架（如React

码农突围NO.1·2025-05-09 02:35

Vue.js 与 Ajax（vue-resource）的集成应用

Vue.js与Ajax（vue-resource）的集成应用Vue.js是一款流行的前端JavaScript框架，以其简洁、灵活和高效的特点而受到开发者的喜爱。

lly202406·2025-05-09 02:35

Vue.js与后端交互的方法及编程示例

Vue.js是一种流行的JavaScript前端框架，它提供了许多方便的方法来与后端进行交互。在本文中，我们将介绍一些常见的Vue.js与后端交互的方式，并提供相应的编程示例。

DevProPlus·2025-05-09 02:04

自动生成的html触发vue,vue-html2canvas插件

移动端项目需要生成海报，找了挺久的插件，还是选择了html2canvas，不用画canvas，直接写html生成canvas，简单，且强大，最后还是跪在图片跨域上，差点起不来。虽然这个插件图片跨域网上已经有很多答案，但试过都不行，好在各种查资料总算解决了，记录一下项目情况说明在商品详情页面中生成海报：商品详情有商品主图(以下简称：商品主图)生成canvas的html中的海报图片使用的是第一张商品主

胡千山·2025-05-09 02:04

浏览器刷新结束页面事件，调结束事件的接口（vue）

找到公共的文件App.vue使用window.addEventListener(‘beforeunload’,function(e){}）进行浏览器关闭操作的监听。

Sunshinedada·2025-05-09 02:03

vue中操作dom，实现元素的拖拉拽

使用原生的操作DOM的方式，实现元素的拖拉拽功能。默认将元素绝对定位到左上角位置left为0，top为0。监听元素的移动，只需要知道元素的左上角x和y位置即可，元素的x和y的偏移量就是元素重新进行定位的left和top的数据。getBoundingClientRect()是DOM元素的一个方法，它返回一个DOMRect对象，提供了元素的大小及其相对于视口(viewport)的位置信息。具体代码：拖

Sunshinedada·2025-05-09 02:03

vue3-admin商品管理后台项目(登录页开发和功能实现)

今天来实现vue3-admin商品管理后台项目的登录页功能首先在pages文件夹下面添加一个login.vue文件，里面先写入简单的template登录然后在router文件夹下面的Index.js里面编辑

mzldustu·2025-05-09 01:23

vue3 element-plus表单按enter键跳转其他界面解决方法

@submit.native.prevent//在el-form加上此属性，解决按enter键会跳转其他界面@keyup.enter=“handleQuery”//因为我们在表单需实现按enter键进行搜索

实践是最好的老师·2025-05-09 01:23

Element plus中el-input框回车触发页面刷新问题以及解决办法

ZwaterZ·2025-05-09 00:21

vue-cli如何正确关闭prefetch和preload

webpack4.6.0+新增了对prefetching和preloading的支持通过在声明导入时使用内联指令可以让webpack输出“ResourceHint”，告诉浏览器import(/*webpackPrefetch:true*/'LoginModal');import(/*webpackPreload:true*/'ChartingLibrary');prefetch：用来告诉浏览器在页

MINO吖·2025-05-08 23:44

【代码优化篇】强缓存和协商缓存

强缓存和协商缓存一、强缓存与协商缓存的区别二、Vue2前端实现强缓存（静态资源）三、SpringBoot后端实现协商缓存（动态接口）四、测试缓存效果五、注意事项一、强缓存与协商缓存的区别强缓存：浏览器直接读取本地缓存

程序员buddha2080·2025-05-08 22:38

uniapp 之更新版本

步骤一：在app.vue中//获取本地版本信息plus.runtime.getProperty(plus.runtime.appid,(wgtinfo)=>{console.log(wgtinfo,'wgtinfowgtinfowgtinfo

筱歌儿·2025-05-08 21:01

Vue Bug探险记：一个诡异的数据类型引发的“单字符404惨案”！！！

️‍♂️VueBug探险记：一个诡异的数据类型引发的“单字符404惨案”各位前端小伙伴们，大家好！在Vue.js的开发旅程中，我们时常会遇到一些令人挠头的Bug。

小丁学Java·2025-05-08 21:30

基于Django汽车数据分析大屏可视化系统项目

系统采用前后端分离的架构，前端使用Vue3框架搭建用户界面，后端使用Django框架处理业务逻辑和数据存储，结合Echart、DataV等工具实现数据的动态刷新渲染和图表展示。项目截图二、

小刘要努力。·2025-05-08 20:24

Vue3性能调优: Lazy Loading与代码拆分

Vue3性能调优:LazyLoading与代码拆分一、概述LazyLoading与代码拆分的重要性懒加载)与代码拆分是Vue3性能调优中的重要策略，它们能够显著提升页面加载速度和减少首次加载所需的资源。

武昌库里写JAVA·2025-05-08 19:46

vite+ts+vue3 知识点（computed计算属性）

第一种写法import{computed,toRefs,reactive}from"vue";letperson=reactive({name:"老天师",age:123,like:"雷法"});const

微光无限·2025-05-08 19:44

在 Vue 2 中使用 qrcode 库生成二维码

洛可可白：个人主页个人专栏：✅前端技术✅后端技术个人博客：洛可可白博客代码获取：bestwishes0203封面壁纸：洛可可白wallpaper在Vue2中使用qrcode库生成二维码在Vue2中使用qrcode

洛可可白·2025-05-08 18:43

尤雨溪解读2022 Web前端生态趋势

image.png尤大大从下面的三个前端领域的不同层次来展开了介绍：开发范式&底层框架（注：大家比较熟悉的Vue、React这些框架层

zz_jesse·2025-05-08 17:05

尤雨溪回应：Vue与TypeScript为什么相性特别差？

近日，有开发者在知乎上提出了一个问题：“TypeScript不适合在vue业务开发中使用吗？”

Msro·2025-05-08 17:33

从入门到深入：Vue.js 学习全攻略

一、Vue.js入门基础（一）Vue.js简介与环境搭建Vue.js是一套用于构建用户界面的渐进式JavaScript框架，所谓渐进式，意味着开发者可以根据项目需求，灵活地选择使用Vue的功能。

亿只小灿灿·2025-05-08 15:47

父子通信以及Props的使用

在Vue中，父子组件通信是指父组件和子组件之间如何传递数据。Vue提供了几种方式来实现父子组件之间的通信，其中父向子通信是最常用的一种。父向子通信父向子通信的方式是通过props（属性）来实现的。

像素化创新·2025-05-08 14:11

Vue3快速入门：从零到项目实战

Vue3快速入门：从零到项目实战学习目录第一部分：Vue3概述第1章：Vue3简介什么是Vue3Vue3的历史和发展Vue3的主要特点和优势Vue3的应用场景第2章：Vue3的演进过程从Vue1到Vue3

莲华君·2025-05-08 12:01

前端 Vue.js 开发中的跨域问题解决方案

前端Vue.js开发中的跨域问题解决方案关键词：Vue.js、跨域问题、同源策略、CORS、代理服务器、JSONP、Nginx摘要：在Vue.js开发中，跨域问题是前端工程师频繁遇到的挑战。

前端视界·2025-05-08 12:01

DAY03：Vue深度解析之响应式系统与计算属性实战指南

Vue3通过ProxyAPI重构了响应式系统，相比Vue2的Object.defineProperty实现，带来了以下重大改进：支持动态添加新属性可监听数组索引变化和长度变化提供更细粒度的依赖追踪性能优化

听闻风很好吃·2025-05-08 11:54

elementUI + VUE el-input[type=number] 禁止滚动事件隐藏上下箭头

1.隐藏上下箭头CSS样式12345678input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:textfield;}input[type="number"]{-moz-appearance:textfield;}2.解决谷歌火狐input[type=number]滚动事件13.js

aGreetSmile·2025-05-08 10:23

vue3使用＜el-date-picker分别设置开始时间和结束时间时，设置开始时间晚于当前时间，开始时间早于结束时间，结束时间晚于开始时间

vue3使用consthandleChangeStartTime=()=>{conststartTime=convertToTimestamp(state.ruleForm.planStartTime)

不想上班只想要钱·2025-05-08 10:52

一文了解 Vue 中的副作用函数与纯函数

副作用函数（SideEffectFunction）在Vue中，副作用函数是指依赖响应式数据，并在这些数据变化时自动执行的函数。Vue会追踪响应式数据的依赖关系，并在数据更新时重新运行这些函数。

·2025-05-08 10:16

AI教你学VUE——Deepseek版

一、基础阶段：打好Web开发基础HTML/CSS基础学习HTML标签语义化、CSS布局（Flex/Grid）、响应式设计（媒体查询、REM/VW单位）。资源推荐：MDNWeb文档（免费）：HTML|CSS实战项目：仿写电商首页（如小兔鲜儿）。JavaScript核心掌握变量、函数、DOM操作、事件循环、ES6+（模块化、Promise、解构赋值等）。资源推荐：书籍：《JavaScript高级程序设

LuckyLay·2025-05-08 09:46

vue 常见ui库对比（element、ant、antV等）

ElementUI1.简介ElementUI是一个基于Vue2和Vue3的企业级UI组件库，提供了丰富的组件和主题定制功能。

香蕉可乐荷包蛋·2025-05-08 07:32

【VUE】个人记录：父子页面数据传递

1.父传子在父页面中，调用子页面的组件位置处，通过“：”进行参数传递parentData对象，需要在父页面的data中进行初始化声明在子页面中，需要在props中，承接该对象props:{childData:{type:Array,default:()=>[],},}然后在子页面中，可以通过this.childData使用父页面传递过来的数据注意：在子页面中props中声明的对象，在data中不要

小魏的马仔·2025-05-08 07:01

vue3 自定义水印指令

通过添加自定义指定来实现方便的添加文字/图片水印//vue3指令exportfunctioncreateApp(){constapp=createSSRApp(App);app.directive('watermark

z-robot·2025-05-08 06:23

vue3 常用指令更新中

vue3功能大全v-waterMarker水印指令directive/waterMarker/index.ts/***v-waterMarker可接收参数，均为非必填*{text:'vue-admin-box

Vue1024·2025-05-08 05:52

vite vue3 规范化与Git Hooks

在《JS模块化》系列开篇中，曾提到前端技术的发展不断融入很多后端思想，形成前端的“四个现代化”：工程化、模块化、规范化、流程化。在该系列文章中已详细介绍了模块化的发展及四种模块化规范。本文简单聊聊规范化中的git规范。1、规范化在企业级开发中，“一千个读者有一千个哈姆雷特”是很常见的事，每个程序员对技术的理解、视角和掌握程度参差不齐，导致编写的代码五花八门。规范化包括很多，我在企业实践中重点关注两

「已注销」·2025-05-08 05:51

VuePress集成到Vue项目的方法

VuePress可以作为一个独立的静态站点生成器来使用，也可以集成到现有的Vue项目中。

聪明的墨菲特i·2025-05-08 05:51

使用VSCode下载并启动VUE项目，提交修改到git

1.现在VSCode并安装，并打开，可安装Vetur插件，便于后期开发，在后边展示插件查找方式2.从git上拉取项目并导入到VSCode中(1)Ctrl+Shift+`或者Ctrl+Alt+T打开终端(2)cd到项目需要保存的文件夹下：如cdD:\software\VSCodefile\(3)使用get命令拉取项目：gitclonehttps://git.xx.com\xxx.git注意：只能cl

珍爱_飞·2025-05-08 05:20

Vue 项目完整流程

2.安装VueCLIVueCLI是一个用于快速创建Vue项目的命令行工具。

遇见~未来·2025-05-08 05:48

Vue项目Git提交流程集成

Vue项目Git提交流程集成本教程将指导你如何在Vue项目中集成一个规范化的Git提交流程，包括代码规范检查、提交信息规范和自动化工具配置。

像素行者·2025-05-08 05:18

前端vue3若依框架pnpm run dev启动报错

今天前端vue3若依框架pnpmrundev启动报错信息：>[email protected]:\AYunShe\2024-11-6【无锡出门证】\wuxi-exit-permit-web>viteerrorwhenstartingdevserver

会发光的猪。·2025-05-08 04:47

解决 pnpm dev 运行报错的坎坷历程

最近在处理yudao-ui-admin-vue3项目时，就接连遭遇了多个棘手的错误，经过一番摸索和尝试，最终成功解决。现将整个解决过程记录下来，希望能帮助到遇到类似问题的开发者。一、Command"d

阿里小阿希·2025-05-08 04:45

vue2+element-ui 锚点菜单功能

1.因为element-ui中没有锚点组件刚好我项目有这种需求所以，我自己实现了一个锚点菜单功能。1.1先看效果图我右侧的菜单是可伸缩菜单，所以加了一些样式。1.2直接上代码,功能如下，根据自己需求可做相对应的更改。{{item.title}}{{index+1+'.'+item.name}}exportdefault{components:{},data(){return{messageList

弈425·2025-05-08 02:35

vue里的锚点定位

fatherItem.moduleName}}{{fatherItem.moduleName}}exportdefault{name:"HelloWorld",data(){return{msg:"WelcometoYourVue.jsApp

青柠97·2025-05-08 02:05

在Vue3的组合式 API 中computed传参使用方法

(menu&&menu.naturePlan.includes(‘02’))}})二、原理在Vue3的组合式API中

u010611843·2025-05-08 02:34

vue3中的computed

computed属性是Vue3中的一个响应式计算属性，它可以根据其他响应式数据的变化而自动更新其自身的值。

猛扇赵四那半好嘴·2025-05-08 02:33

Redis从入门到实战（一、Redis简介）

⭐作者简介：码上言⭐代表教程：SpringBoot+vue-element开发个人博客项目实战教程⭐专栏内容：Redis从入门到实战、个人博客系统文章目录1、NoSQL1.1、什么是NoSQL？

码上言·2025-05-08 02:33

vue.js上传附件格式的校验

/*附件校验*/exportfunctionbeforeFileUpload(file){letfileExtension=file.name.split('.').pop()fileExtension=fileExtension.toLowerCase()constfilenamePD=file.name.substring(0,file.name.lastIndexOf('.'))constp

Authority-cm·2025-05-08 01:56

基于SpringBoot+Vue的教务管理系统

一、绪论1.1背景分析21世纪以来，随着科学技术的飞速发展以及高等教育的快速普及，在高校进行日常教学的同时产生的信息量越来越大，人们随之对信息的要求越来越高，于是传统的信息技术越来越难以满足人们的要求。高校教务管理系统就是在这种情况下应运而生，通过本系统能够完善平台与学生、教师之间的关系，有助于提高工作效率，实现信息化管理。此次设计的系统不仅有利于管理员进行整体系统的运行维护，统筹协调，同时也方便

天光乍破暮雪白头·2025-05-07 23:14

vue项目中渲染markdown并处理报错

前言：想在vue项目中渲染markdown并处理报错问题有以下几种方式：1、使用第三方Markdown插件2、通过Markdown转HTML工具3、使用Vue组件处理Markdown一、首先第一种：使用第三方

guhy fighting·2025-05-07 23:41

vue+element的面包屑导航，动态实现（简单好用）2021-09-23

element的面包屑导航没有切换事件，没有各种动态绑定什么的，但是面包屑却需要随页面变化而层级变化这里，我采用watch监听加判断来搞定{{bread[index].text}}exportdefault{data(){return{bread:[{text:'所有课程',path:'/allClass/course'},{text:'章',path:'/allClass/chapter',qu

墨雪遗痕·2025-05-07 21:29

使用 Vue 3 + TypeScript 集成 DHTMLX 甘特图

使用Vue3+TypeScript集成DHTMLX甘特图前言在现代前端开发中，Vue3结合TypeScript是一个强大的组合，能够帮助开发者更好地构建类型安全、可扩展的应用。

GO!_x·2025-05-07 20:51

推荐频道

#vue