#Vue 第3页

vue+django 前后端数据同步

目标：在views.py中，准备好数据后，通过Vue的v-model双向绑定功能在index.html中显示。当数据修改后，点击按钮提交后，以对象的形式向views.py传递并更新后端数据。

weixin_44079503·2025-03-13 22:11

Django+Vue+ElementUI父子组件参数传递?子组件数据变化兄弟组件实现联动?多个表单同时校验?内置事件添加自定义回调参数?等问题的解决办法

目录前言：问题列表：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的事件并且带默认参数的事件增加自定义参数问题解决：1.父组件向子组件传递参数值2.子组件向父组件传递参数值3.子组件的值变化，触发其他子组件请求接口4.同一个页面有多个表单进行同时验证5.给elementui定义好的

JamesDanni·2025-03-13 22:38

vue3+element-plus里面的el-submenu组件显示问题

问题描述：：今天使用vue3做后台管理页面的左侧导航栏用到了el-submenu,但是显示出了问题，不能正常显示。

qq_490824614·2025-03-13 22:38

Vue 结合 Django进行数据传值

1、Vue前端向后端传值的方法（axios）//get方法传值axios.get('/testdemo/demo/demo1?

pathconquer·2025-03-13 21:37

vue和django接口联调

vue访问服务端接口配置跨域前端跨域打开vite.config.js，在和resolve同级的地方添加配置。

变形金刚卖人寿保险还是汽车保险·2025-03-13 21:37

Vue3的Hook指南

文章目录一、什么是Hook？1.技术本质2.与工具函数的区别二、Hook存在的意义1.解决传统模式的三大痛点2.核心优势矩阵三、开发实践指南1.基础创建模式2.组件内使用四、最佳实践1.复杂Hook结构2.类型安全增强五、应用场景1.状态共享方案2.跨组件通信六、性能优化策略1.副作用管理2.惰性加载Hook七、调试技巧1.开发工具追踪2.控制台检查八、应用案例1.数据可视化Hook2.微前端状态

Hopebearer_·2025-03-13 19:49

vue2 中 watch 监听属性

文章目录vue2中watch监听属性1.简介2.基本语法1.函数式写法2.对象式写法3.示例1.基础用法2.深度监听对象属性3.立即执行watcher4.性能优化5.实际应用场景1.数据变化时执行异步操作

Hopebearer_·2025-03-13 19:49

vite+vue+ts+element-plus从零开发管理后台框架(18)-主颜色优化

问题编辑src/views/Home.vue，添加一个主颜色的按钮。

mirahs·2025-03-13 19:17

vite+vue+ts+element-plus从零开发管理后台框架(03)-路由

新建视图新建src/views/Login.vue，内容如下。这是登录页新建src/views/Main.vue，内容如下。这是主页新建src/views/errors/404.vue，内容如下。

mirahs·2025-03-13 18:17

vue3+ts+vite+pinia+element-plus搭建一个项目

创建一个基于Vue3、TypeScript、Vite、Pinia和ElementPlus的项目是一个现代化的前端开发流程，这种配置通常用于构建轻量级、快速和模块化的单页应用程序（SPA）。

貂蝉空大·2025-03-13 18:15

vite+vue+ts+element-plus从零开发管理后台框架(17)-主颜色动态设置

之前的主颜色是静态设置的，这里通过颜色选择器选择颜色动态设置。删除静态设置主颜色编辑src/style.css，删除如下静态主颜色样式。:root{--el-color-primary:red;}:root.dark{--el-color-primary:red;}颜色Store新建src/store/color.ts，内容如下。主要是有一个primary主颜色的属性并且默认是element-pl

mirahs·2025-03-13 18:41

【Git】 fatal: detected dubious ownership in repository 解决方法

git操作错误提示:解决方法:方法一：输入gitconfig--global--addsafe.directoryC:/Users/21077/vue_shop，但是这只能解决当前的git仓库，其他的git

小段爱前端·2025-03-13 18:09

Vue3中实现el-table单选功能（取消前一项的选中）

需求描述产品说，表格行要只能选中一个且，不能使用el-radio方式因为要可以取消选中于是乎，有了当前的文章记录我们先看效果图效果图代码思路首先，把el-table的全选全不选勾选框取消::v-deep(.myTable){thead{th:nth-child(1){.cell{display:none;}}}}然后，去除前一项的选中状态@select="selectChange"constsel

·2025-03-13 15:48

vite+vue+ts+element-plus从零开发管理后台框架(20)-多页签移除和跳转

多页签添加移除方法编辑src/store/fastnav.ts，添加removeData方法。removeData(path:string):string{if(this.datas.length{{item.desc}}script段添加onTagClose方法。constonCollapseSwitch=()=>{menuStore.collapse=!menuStore.collapse}c

·2025-03-13 15:44

# 2025年前端开发趋势：全栈化、AI化与跨端融合

作者：沈大大更新时间：2025-03-10一、技术栈演进1.1全栈化趋势//全栈应用示例import{createApp}from'vue'import{createServer}from'nitro'import

沈大大520·2025-03-13 14:14

【第1到23讲】基于vue + spring boot学生宿舍管理系统（文末附项目完整源代码+万字文档）

基于vue+springboot学生宿舍管理1、环境准备1、安装node.js2、安装vue-cli3、安装vscode开发工具2、下载node.js浏览器打开https://nodejs.org/zh-cn

LuXi_foryou·2025-03-13 14:42

【第24讲到第44讲】基于vue + spring boot学生宿舍管理系统

utils/http'exportconstgetMenuListApi=async()=>{returnawaithttp.get("/api/menu/list",null)}2、sysMenuList.vue

LuXi_foryou·2025-03-13 14:12

vue-esign实现电子签名

导入依赖pnpminstallvue-esign--savesign.vue代码实现取消清空画板确认签名importvueEsignfrom"vue-esign";exportdefault{data(

dlhto·2025-03-13 14:11

Vue：其他指令

Vue：其他指令2.13.1、v-textv-text指令用于将数据填充到标签体当中，并且是以覆盖的形式填充。

真der~啊·2025-03-13 13:39

npm【一】---vue3+vite+ts 发布、更新自定义组件到npm仓库

1.初始化项目本示例使用npm7+版本（项目为sos-ol-map）#npm6.xnpminitvite@latestsos-ol-map--templatevue-ts#npm7+,需要额外的双横线：

sisimi_43966973·2025-03-13 12:30

express+ bootstrap/vue.js+mongodb 开发综合学生管理WEB项目系统

网页前端展示页面设计可以采用bootstrap框架，也可以使用vue.js实现，前端网页数据均要来自于后端从数据库中查询出来的数据。

鱼弦·2025-03-13 11:23

使用Vite创建Vue3项目

#npm6.x版本，使用这个npminitvite@latest--templatevue#npm7版本以上，要多加两条杠npminitvite@latest----templat

Asafoetida阿魏·2025-03-13 11:20

vue判断视频链接是否有效

//判断视频链接是否有效functioncheckVideoUrl(src){//创建一个隐藏的元素letvideo=document.createElement("video");video.style.display="none";//隐藏该元素document.body.appendChild(video);//设置视频源video.src=src;//监听视频元数据加载完成事件video.

指针满天飞·2025-03-13 10:14

deepseek在vue3的应用

npminstallvue3-markdown-it注意是vue3-markdown-it不是markdown-it这个是对输出的文字做优化。

白马？定叫他有来无回！·2025-03-13 10:10

前端小食堂 | Day15 - VueUse 魔法道具库

今日宝箱：30+效率神器一键获取1.响应式操控の六脉神剑//鼠标跟踪const{x,y}=useMouse()//网络状态感知const{isOnline,offlineAt}=useNetwork()//设备检测const{isMobile,isTablet}=useDevice()//元素尺寸监听consttarget=ref(null)const{width,height}=useEleme

喵爪排序·2025-03-13 09:07

如何搭建一个适配微信小程序，h5，app的工程

在vscode搭建uni-app项目（Vue3+Vite+Pinia+uViewPlus）一、环境准备1.安装Node.js确保已安装Node.js（需≥14版本），可通过以下命令检查版本：node-v

牛牪犇0·2025-03-13 08:59

vue-route

官方文档声明式导航比起写死的会好一些，理由如下：无论是HTML5history模式还是hash模式，它的表现行为一致，所以，当你要切换路由模式，或者在IE9降级使用hash模式，无须作任何变动。在HTML5history模式下，router-link会守卫点击事件，让浏览器不再重新加载页面。当你在HTML5history模式下使用base选项之后，所有的to属性都不需要写(基路径)了。编程式导航r

shadouqi·2025-03-13 08:27

动态路由和菜单

接口返回数据整理成动态路由后端接口返回数据{"code":20000,"value":[{"path":"/example","component":"layout/index.vue","redirect

shadouqi·2025-03-13 08:27

Vue.Js 是一个渐进式的 JavaScript 框架，专为构建用户界面而生，尤其擅长打造单页应用（SPA）。其核心设计理念在于组件化，即将用户界面拆解为独立且可复用的组件单元。以下是 Vue.Js

1.创建Vue.Js组件在Vue.js中，组件是一个Vue实例，可以包含模板、数据、方法、生命周期钩子等。1.1全局组件全局组件可以在任何Vue实例中使用。

一一代码·2025-03-13 07:48

Vue输入框获取焦点

1.元素未渲染完成如果你在组件挂载或数据更新后立即调用focus()，可能元素还未渲染到DOM中，导致focus()失效。解决方法：确保在元素渲染完成后再调用focus()。可以使用nextTick确保DOM更新完成。2.ref未正确绑定确保ref正确绑定到目标元素上。3.元素不可聚焦不是所有HTML元素都支持focus()方法。确保目标元素是input、textarea、button等可聚焦元素

冰淇淋@·2025-03-13 06:44

vite+vue+ts+element-plus从零开发管理后台框架(14)-全屏切换

安装插件npminstall@vueuse/[email protected]编辑src/views/Main.vue，template段header-right下最前面添加如下代码。

·2025-03-13 06:32

vue项目全局引入scss文件

在Vue项目中，可以通过以下步骤全局引用SCSS文件：1、首先，确保你的Vue项目已经安装了SCSS的相关依赖，可以使用npm或者yarn进行安装。

马康鑫·2025-03-13 05:03

【前端】【nuxt】几种在 Nuxt 客户端使用console的方式

方法1：在Vue生命周期钩子中使用只在客户端执行的钩子（如mounted）中打印：exportdefault{mounted(){console.log('仅在客户端显示',this.

患得患失949·2025-03-13 05:01

Vue循环动态生成标签--小白教学

今天写代码，使用Vue从数据库中动态获取数据，循环生成到页面。一直都会用，今天好好捋一下思路。一：定义属性首先在Vue实例中定义集合用于接收数据。注意：如果使用组件则必须使用data()回调函数。

兢兢业业的小白鼠·2025-03-13 04:30

2.4 基于Vitest的单元测试基础设施搭建

Vitest核心定位2.基础设施架构设计整体架构图3.环境配置全流程3.1基础环境搭建3.2配置文件`vitest.config.ts`3.3测试环境初始化4.测试用例编写规范4.1基础测试示例4.2Vue

北辰alk·2025-03-13 04:55

ant design vue的级联选择器cascader的悬浮层样式怎么修改

平时想要修改组件内定样式会使用穿透deep和！important调优先级，但是在这里都不行，样式都不能改变后来尝试出来是因为加了scoped，样式不起作用，但是不能直接去掉scoped，别的样式会受到影响，单独加一个style标签，只处理cascader内容.ant-cascader-menu{height:auto!important;width:200px;}

JAVA叶知秋·2025-03-13 02:15

VUE中出现多个页面的样式冲突问题

1.使用Vuescoped样式隔离在标签添加scoped属性，自动生成唯一属性选择器实现样式隔离：.container{/*仅当前页面生效*/}注：H5端通过scoped实现隔离，小程序/APP端通过自动转换类名实现

JAVA叶知秋·2025-03-13 02:15

React Native与Vue的H5交互

一、ReactNative简介：1、ReactNative采用JavaScript框架，将React基础抽象组件渲染为原生平台UI组件，像View,Text以及Image等，可直接映射渲染为对应平台的原生UI组件2、通过React的声明式组件机制和JavaScript代码，现有的原生代码和api可以完美地封装嵌合到React组件中3.、ReactNative创建的原生应用，经常采用混合开发方式嵌入

丁国栋-·2025-03-13 02:45

Vue响应式数组方法深度解析

文章目录一、Vue数组响应式核心机制1.原生JavaScript数组的局限性2.Vue的解决方案二、Vue封装的七大数组方法1.方法列表与功能说明2.方法拦截器实现原理三、视图更新触发全流程1.依赖收集流程

北辰alk·2025-03-13 02:44

Claude 3.7 全解析：AI 代码助手的巅峰之作？

ReactHook深入浅出CSS技巧与案例详解vue2与vue3技巧合集VueUse源码解读最近AI领域的新模型层出不穷，Claude3.7的发布无疑是最受瞩目的事件之一。

·2025-03-13 02:58

UniApp与React的比较：移动应用开发框架的对比

UniApp是一个基于Vue.js的跨平台应用开发框架，它使用了一种称为"编译运行时"的技术，允许开发者使用Vue语法编写一次代码，然后将其编译为多个平台的应用。相比之下，React是一个基于Jav

TechInk·2025-03-13 02:13

Spring Boot+Vue项目从零入手

SpringBoot+Vue项目从零入手一、前期准备在搭建springboot+vue项目前，我们首先要准备好开发环境，所需相关环境和软件如下：1、node.js检测安装成功的方法：node-v2、vue

begei·2025-03-13 01:03

基于springboot的旅游出行指南

超级无敌暴龙战士塔塔开·2025-03-13 00:57

Vue.js-Vue实例

·2025-03-12 22:19

【Vue】从零开始创建一个vue项目

一、环境准备（编程基础配置）1.安装Node.js与npm作用：Node.js是JavaScript运行环境，npm是包管理工具（类似“应用商店”），Vue项目依赖它们。

Pota-to成长日记·2025-03-12 21:41

基于微信小程序的文章管理系统的设计与开发(源码+lw+部署文档+讲解等)

文章目录前言项目背景介绍技术栈后端框架SSM前端框架Vue数据库MySQL（MyStructuredQueryLanguage）微信小程序具体实现截图详细视频演示系统测试系统测试目的系统功能测试系统测试结论代码参考数据库参考源码获取前言博主介绍

#Takagi S#·2025-03-12 21:10

Vue 中 axios 的封装详解

一、创建Axios实例/***@fileOverview封装axios请求模块*/importaxiosfrom"axios";//创建axios实例constaxiosInstance=axios.create({//设置基础请求路径baseURL:"https://api.example.com",//设置请求超时时间timeout:5000,//设置默认请求头headers:{"Conten

遇见~未来·2025-03-12 21:40

跨域问题。

目录跨域问题问题发现浏览器的同源策略解决办法跨域问题问题发现在开发前后端分离的项目时（flask+vue），遇到过页面不显示的问题，查看控制台，有这样的提示[localhost/:1](https://

C000kie·2025-03-12 20:33

八、Vuex与Composition API的结合：现代化状态管理方案

一、Vuex与CompositionAPI的对比（一）Vuex的优势与不足优势集中式状态管理：在大型应用中，Vuex将所有共享状态集中管理，便于维护和调试。

码说数字化·2025-03-12 20:31

Vue组件化开发：如何将一个大型应用拆分成多个小组件

Vue.js作为一款流行的前端框架，提供了强大的组件化支持，使得开发者能够将复杂的应用拆分成多个可复用、易维护的小组件。

码说数字化·2025-03-12 20:00

推荐频道

#Vue