vue项目源码分享第3页

Vue＜router-view＞＜/router-view＞学习心得

立志成为架构师·2025-01-25 19:45

vue项目运行报：SassError: expected selector...

SassError:expectedselector错误通常由于Sass或SCSS文件中存在语法错误或选择器缺失，导致Sass编译器无法解析。Sass语法语法中误用深度选择器语法导致以上问题。/deep/和::v-deep都是用于Vue单文件组件（.vue文件）中的样式穿透选择器;/deep/在Sass中并不被支持，如果是在Vue单文件组件中，并且需要穿透样式，可以使用::v-deep代替/dee

落日弥漫的橘_·2025-01-25 13:36

springboot+vue项目实战2024第三集修改用户信息

1.获取用户信息@GetMapping("/userInfo")//@RequestHeader(name="Authorization")StringtokenpublicResultuserInfo(){//Mapmap=JwtUtil.parseToken(token);Mapmap=ThreadLocalUtil.get();Stringusername=(String)map.get("

·2025-01-25 10:00

Vue项目中使用Sass实现动态换肤

color-warning:#f2a626,color-danger:#ee2e6b,background:#fff,background-content:#f4f7fc,background-color:#eaedf7,),//darkthemedark:(color-primary:#3961f5,color-primary-second:#5e81f7,color-text-primary:

2401_84447065·2025-01-25 07:22

springboot+vue项目实战2024

1.创建项目@SpringBootApplicationpublicclassApp{publicstaticvoidmain(String[]args){SpringApplication.run(App.class,args);}}2.引入依赖4.0.0org.springframework.bootspring-boot-starter-parent3.1.3com.ivan.cnshizh

·2025-01-25 06:26

springboot+vue项目实战2024第四集修改文章信息

1.添加文章信息@PostMappingpublicResultadd(@RequestBody@ValidatedArticlearticle){articleService.add(article);returnResult.success();}voidadd(Articlearticle);@Overridepublicvoidadd(Articlearticle){article.set

·2025-01-25 01:51

出现 Error: listen EACCES: permission denied 0.0.0.0:80 解决方法

目录1.问题所示2.原理分析3.解决方法1.问题所示执行VUE项目的时候，出现如下问题errorwhenstartingdevserver:Error:listenEACCES:permissiondenied0.0.0.0

码农研究僧·2025-01-24 09:30

Vue 全局自适应大小：使用 postcss-pxtorem

本文将介绍如何在Vue项目中使用postcss-pxtorem实现全局自适应大小

前端程序猿i·2025-01-24 02:36

搭建vue项目

一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue都可以胜任。二、环境1.nodejs环境:下载地址三、创建Vue应用创建的项目将使用基于Vite的构建设置，并允许我们使用Vue的单文件组件(SFC)。$npmcreatevue@l

LYy0·2025-01-23 23:09

vue项目开发总结——任务悬赏平台（前端）

项目简介：该项目实习中的第一个项目，该项目分为用户端、企业端、后台管理端。用户可以在任务大厅接受任务，每完成任务都会获得响应的报酬，用户只能接受一个任务，该任务完成后才能继续下一个任务。任务进行期间，该任务可以被企业取消，若企业取消用户正在完成的任务，则返回5%的奖励给用户。企业可以发布任务，发布任务之前需要上传企业认证凭证给后台管理端，后台管理员审核通过之后企业才可发布任务，企业可以对用户已完成

boboj1·2025-01-23 22:07

vue 给iframe设置src_vue项目中，iframe的src动态赋值

可以类似这样：/***动态创建iframe*@paramdom创建iframe的容器，即在dom中创建iframe。dom能够是div、span或者其它标签。*@paramsrciframe中打开的网页路径*@paramonloadiframe载入完后触发该事件。能够为空*@return返回创建的iframe对象*/createIframe(dom,src,onload){//在document中

weixin_39961636·2025-01-23 19:48

Vue教程｜搭建vue项目｜Vue-CLI新版脚手架

一、安装Node环境安装Node及Npm环境Node下载地址：Node.js—RunJavaScriptEverywhereNode.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.https://nodejs.org/en/安装完成后，检查安装是否成功，并检查版本，命令如下：node-vnpm-vmac@MacdeMacBook-

cnsxjean·2025-01-23 06:10

vue项目中导入视频

vue项目中引入视频插件一、安装插件vue-video-playernpminstallvue-video-player-s二、在main.js里倒入并使用importVideoPlayerfrom'vue-video-player'import'vue-video-player

涔溪·2025-01-23 02:35

Nginx部署Vue项目添加访问后缀

有时候会根据需要，区分不同的vue项目，这样要加一个后缀，不加后缀，访问是http://localhost/，加一个后缀，app，访问路径就是http://localhost/app一、vue工程配置:

星巡打杂工·2025-01-22 23:39

基于微信小程序的个人健康管理系统

计算机学姐·2025-01-22 14:29

如何处理前端调用后端接口时的超时问题？

例如，在Vue项目中，可以在配置文件如config/index.js中调整axios的超时时间。此外，也可以使用axios全局设置网络超时，或者针对特定请求单独设置超时时间。

m0_74824044·2025-01-22 06:58

关闭vue项目中Uncaught runtime errors弹窗

module.exports=defineConfig({//关闭eslinelintOnSave:false,transpileDependencies:true,publicPath:'./',//关闭弹窗devServer:{client:{overlay:false}}})

qx09·2025-01-22 03:02

vue项目报错取消页面红色遮罩（Uncaught runtime errors）

1.取消前2.vue.config.js里面添加overlay:falseconstpath=require("path");constresolve=(dir)=>{returnpath.join(__dirname,dir);};module.exports={publicPath:"./",transpileDependencies:[],chainWebpack:(config)=>{co

菜鸟许良个人笔记·2025-01-22 03:01

vue项目打印网页功能-vue-print-nb

Printtheentirepage描述:支持两种打印方式，直接打印页面HTML、打印URL简单易用，支持兼容Vue的浏览器版本在线Demo:测试DEMO地址安装:Vue2版本npminstallvue-print-nb--saveVue3版本npminstallvue3-print-nb--savev-printAPI使用方法打印整个页面：Printtheentirepage打印指定范围：Pri

九情丶·2025-01-22 00:14

搭建vue3+ts+vite+pinia框架

目录一、搭建准备二、安装vite并创建vue项目1、安装vite2、新建vue项目3.配置vite4、解决报错①、找不到模块“./App.vue”。

光吃，不胖·2025-01-21 14:08

Vue项目打包部署与路由配置深度解析

下面，我们将详细探讨如何根据需求将Vue项目打包部署到域名的根路径或二级路径，并深入解析hash路由与history路由的配置方法。

·2025-01-20 22:46

《中型 Vue 项目：挑战与成长》

对于中型Vue项目而言，其重要性不言而喻。中型Vue项目通常在功能复杂度和规模上介于小型项目和大型项目之间，既需要应对一定的业务需求挑战，又要考虑开发效率和可维护性。

计算机毕设定制辅导-无忧学长·2025-01-20 19:12

鸿蒙开发教程实战案例源码分享-搜索无缝转场跳界面效果

鸿蒙开发教程实战案例源码分享-搜索无缝转场跳界面效果搜索框用下无缝转场效果，不错，给用户的感觉你没跳转界面，还是在本界面搜索，挺高大上的。

893151960·2025-01-20 17:52

vue项目中使用mockjs模拟后端接口

Vue2中使用Mock.js来模拟数据是一个非常常见的做法，尤其是在前端开发时需要与后端接口交互但后端尚未完成的情况下。下面是一个简单的案例，演示如何在Vue2项目中使用Mock.js来模拟数据。1.安装Mock.js首先，确保在你的项目中安装了Mock.js。可以使用npm或yarn来安装：npminstallmockjs--save-dev或者yarnaddmockjs--dev2.将Mock

上趣工作室·2025-01-20 03:01

SpringBoot + Vue 项目超简单的合并部署方案

文章目录前言一、Vue项目二、SpringBoot项目三、服务器上的部署四、端口映射五、请求跨域前言最近在捣鼓SpringBoot与Vue整合的项目，看了网上很多套的方案，自己总结了一套为轻量级个人开发提供的项目部署方案

小北不想努力·2025-01-19 21:05

工具链之 Vite 常见的共享选项配置（二）

一些插件（如@vitejs/plugin-vue对于Vue项目）是项目所必需的，并且在所有环境中都应该被包含。

**之火·2025-01-19 17:01

如何解决 npm install 卡在“sill idealTree buildDeps“的问题

今天我要分享的是关于解决在Vue项目中执行npminstall时卡在"sillidealTreebuildDeps"的问题。这个问题可能会让你感到困惑，但是不用担心，我将会一步步为你解决。

D0ublecl1ck·2025-01-19 14:34

vue项目中chunk-vendors.js提示报错的查看方法

经常在vue项目中，会有chunk-vendors.js报出的各种错误提示，但可能有的报错很多人不懂的如何查看，接下来，给大家一个示例：上图中的报错，很多人可能只会看【Vuewarn】中的错误，而忽略【

java全套学习资料·2025-01-19 11:39

基于Python大数据的王者荣耀战队数据分析及可视化系统

计算机学姐·2025-01-19 07:03

基于微信小程序的健身房预约管理系统

计算机学姐·2025-01-19 06:31

Vue.js组件开发-如何实现表头搜索

以下是一个使用ElementUI的el-table组件实现表头搜索的示例：一、准备阶段‌确保ElementUI已安装‌：确保Vue项目中已经安装了ElementUI，并且已经在项目中引入。‌

LCG元·2025-01-18 12:08

Vue项目引入侧边导航栏

Vue项目引入侧边导航栏侧边导航栏能够非常方便进行信息检索，这一款不错的侧边导航栏：vue-side-catalog，基本上能满足快速检索的需求安装官网首先需要进入**vue-side-catalog*

byg_qlh·2025-01-17 21:12

深入解析Vue.js组件开发：从基础到进阶

Vue组件是Vue.js中最核心的组成部分，它是构建应用的基础单元，也是Vue项目模块化和重用的关键所在。

冷夜雨.·2025-01-17 00:39

Vue 开发者的 React 实战指南：部署与持续集成篇

构建流程对比Vue的构建流程在Vue项目中，我们通常使用：VueCLI或Vite构建工具npmrunbuild生成生产环境代码输出目录通常是dist#VueCLInpmrunbuild#输出到dist目录

·2025-01-16 18:34

基于SpringBoot的物业管理系统

计算机学姐·2025-01-16 14:07

vue项目element-ui的table表格单元格合并

一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'

酋长哈哈·2024-09-16 06:59

springboot+vue项目实战一-创建SpringBoot简单项目

这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一

苹果酱0567·2024-09-16 06:56

vue2实现复制,粘贴功能

一、需求说明在项目中点击按钮复制某行文本是很常见的应用场景，在Vue项目中实现复制功能需要借助vue-clipboard2插件。

周bro·2024-09-16 01:23

外卖分销分佣小程序外卖cps小程序返利系统源码分享

外卖返利小程序源码;轻松部署搭建，小程序服务号数据互通；对接美团官方;佣金比例自定义分配;三级分佣，所有资金数据一目了然；拉新立减最低4.9元购月卡；签到20天免费领取会员卡；提现秒到账！外卖cps带分销返利源码源代码地址美团/饿了么外卖CPS联盟返利公众号小程序裂变核心源码截图步骤下载以上源代码到本地http://y.mybei.cn/修改为你自己的微信小程序，打开/dist/pages/ele

m0_56957302·2024-09-15 13:07

vue axios 如何读取项目下的json文件

在Vue项目中，使用axios读取本地的JSON文件可以通过将JSON文件放置在public目录中，然后通过axios发起请求读取。

战族狼魂·2024-09-14 15:39

Vue项目中实现AES加密解密

本文将介绍如何在Vue项目中实现AES加密解密，包括ECB和CBC两种模式。环境搭建在Vue项目中使用AES加密解密功能之前，需要先安装crypto-js库。

小金子J·2024-09-14 09:30

vue项目在本地搭建时，npm install报错npm ERR! code E400

在npminstall运行的时候，总是出现400报错npmERR!codeE400npmERR!400BadRequest-GEThttps://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz（以上只展示了其中一种包安装时的400报错）尝试过更换多种npm源，都没有解决这个问题。最终，将项目中的package-lock.json删除，重新执行n

猪猡猪猡猪·2024-09-13 02:11

在 Vue 2 中使用 Axios 发起 POST 和 GET 请求

1.安装Axios首先，你需要在你的Vue项目中安装Axios。打开终端，切换到你的项目目录，然后运行以下命令：npmi

Jarvis Downey·2024-09-12 15:30

vue项目外挂配置文件（js 和 json）

文章目录前言特别注意:一、外挂JS配置文件1.创建config.js2.导入config.js到index.html3.使用config.js中的变量二、外挂json配置文件1.准备工作2.配置vue.config.js3.读入数据总结前言前端开发过程中，会有很多关键性的、易改动的常量，例如：后台url、第三方登录的url等其他第三方链接地址，它们都是很容易更改的常量。要是我们把这些变量写死在代码

不cong明的亚子·2024-09-12 11:36

Vue项目：将资源路径使用相对路径后，部分图片无法显示

Vue项目：将资源路径使用相对路径后，部分图片无法显示绝对路径通过上一篇文档，使用publicPath实现绝对路径转相对路径，这一篇，来说说我之后碰到的问题.在资源路径改变为相对路径后，我发现代码中比如

engineer_why·2024-09-11 23:47

vue项目结构

1.build目录用来存放对项目构建项目配置用来配置生产环境测试环境原始环境2.config目录用来修改生产配置和测试核心目录dev.env.js---开发环境变量index.js--项目配置文件prod.env.js--生产环境变量test.env.js--测试环境变量3.node_module目录用来存放当前项目的js依赖存放就是目录无序修改4.src目录用来存放日后自己开发代码的目录（重点）

手写冒泡排序·2024-09-10 10:54

vue项目架构

搭建项目框架,封装模块1.网络模块封装axios二次封装请求拦截器token是什么响应拦截器http协议2.动态权限菜单axios二次封装函数递归动态添加路由addRoutes刷新界面，菜单丢失问题，持久化存储技术实现点击菜单，不能找到路由组件问题,3.按钮资源权限根据登录用户角色获取能操作的资源列表，保存store自定义权限指令,封装有无操作该资源的权限v-permission=“[‘EditU

影子信息·2024-09-10 09:53

Vue项目结构

Vue项目的结构可以比较灵活，但通常情况下会包含以下几个部分：public目录：这个目录包含项目的静态资源文件，例如index.html，图片等。src目录：这个目录包含项目的源代码。

永远的12·2024-09-10 09:22

vue 项目代码架构

Vue项目的代码架构通常遵循一定的组织结构和约定，以提高项目的可维护性、可扩展性和可读性。

王小工·2024-09-10 08:13

Nginx部署前端Vue项目的深度解析

目录一、准备工作1.1开发环境1.2服务器环境1.3Nginx安装二、构建Vue项目三、上传静态文件到服务器四、配置Nginx五、测试并重新加载Nginx六、访问Vue应用七、高级配置7.1启用HTTPS7.2

小周不想卷·2024-09-10 01:41

推荐频道

vue项目源码分享