前端Vue

MAC启动若依前端vue-cli-service: command not found

文章目录前提解决方案测试是否成功前提macm1环境下运行vue项目报错vue-cli-service:commandnotfound解决方案终端里执行命令：sudorm-rfnode_modulespackage-lock.json&&npminstall安装完成后，npmrundev就可以了网上查了一下，这个命令是清理缓存方式，有知道原理的小伙伴可以评论区留言测试是否成功
_____shen静冰·2023-10-09 17:38

后台管理系统-前端Vue项目搭建

后台管理系统简介从本章节开始我们将逐渐完成一套后台管理系统的搭建过程。前端技术Vue3.2,后端搭建使用SpringCloudAlibaba。1、Vue项目初始化我们使用Vueui来初始化项目。1.1使用vueui创建项目在gitbash命令行工具中，输入vueui命令vueui启动vue内置的项目创建服务，访问http://localhost:8000/dashboard进入Vue项目管理器1.
码农山泉·2023-10-08 12:56

前端vue实现大文件分片上传

需求背景：前端上传视频，有时候视频动不动就上百兆甚至1个G，如果用传统的input提交表单方式选择文件调后台接口上传，那很有可能出现：文件过大，超出服务端的请求大小限制；请求时间过长，请求超时；传输中断，必须重新上传导致前功尽弃；等各种问题，整个上传过程耗时漫长。由此我们可以采用前端分片的方案，当然这还需要后台接口的支持，后台得接收分片并正确组合（后台组合的好处在于一旦上传中断不用全部重新上传只要
唐小亭·2023-10-08 06:05

大文件上传，前端vue 做分片上传

html–以弹窗的形式上传压缩包上传压缩包1、请上传文件类型为zip的算法文件；2、上传可能需要一些时间，上传过程中建议不要关闭弹窗。{{uploadAllData.name}}{{uploadAllData.type==1?'算法文件':'测试集文件'}}{{uploadAllData.size}}{{uploadAllData.isSuccess?uploadAllData.msg:uploa
心若向阳(*￣︶￣)·2023-10-08 06:30

前端vue 自定义组件

Vue组件的使用之props为了提高组件的复用性，在封装vue组件时需要遵守如下原则：①组件的DOM结构、Style样式要尽量复用②组件中要显示的数据，尽量由组件的使用者提供为了方便使用者为组件提供要展示的数据，vue组件提供了props的概念什么是组件的propsProps是组件的自定义属性，组件的使用者可以通过props把数据传递到子组件的内部，供子组件内部进行使用。Props的作用：父组件通
令狐少侠2011·2023-10-07 16:19

nginx未配置proxy_set_header Host $host；引起的服务请求失败

背景：前端vue和后端java放在一台机器上，nginx做请求转发。用户未登录状态下，会返回给前端信息。前端判断后发起登录校验请求。
Nuyoahll-_-ll·2023-10-07 16:43

vuecli3下载excel_vue实现Excel文件的上传与下载功能的两种方式

1.前端vue:模板下载与导入Excel导入Excel封装了子组件，点击导入按钮可调用子组件，打开文件上传的对话框，上传成功后返回结果class="pull-right"icon="el-icon-upload"type
weixin_39757212·2023-10-07 16:06

前端Vue自定义注册界面模版 手机号邮箱账号输入框 验证码输入框 包含手机号邮箱账号验证

前端Vue组件化开发：自定义注册界面模版的实践与优化随着前端开发技术的不断发展，组件化开发已经成为一种趋势。
前端组件开发·2023-10-06 14:57

前端vue echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 )

前端组件化开发：使用ECharts快速实现自定义图表摘要：随着前端开发技术的发展，组件化开发已成为提高开发效率和降低维护成本的有效手段。本文将介绍如何使用ECharts库进行前端组件化开发，快速实现自定义的图表，包括柱形图、折线图、饼图、树形结构图和关系图谱等。通过结合业务特性的模块拆分策略、模块间的交互方式和构建系统等，可以实现灵活的组件组合和扩展，提高开发效率和降低维护成本。一、引言在前端开发
前端组件开发·2023-10-06 11:17

Docker容器部署前端Vue服务——手把手教学

需要工具：XftpXshell首先对前端项目进行打包：npmrunbuild打包完成在项目中生成dist文件：通过Xshell在/home目录下创建项目文件夹mkdirxxxx（文件名）通过Xftp将打包的dist文件上传到服务器的项目文件夹下；利用Xshell在拉起nginx镜像dockerpullnginx在项目文件夹下编写nginxconfig配置文件vimdefault.confdefau
春夏丶秋冬·2023-10-05 16:33

【前端vue3项目部署】操作步骤

视频源链接：https://www.bilibili.com/video/BV1YE411E7Xr/?spm_id_from=333.999.0.0&vd_source=99acb313a9a41c2ae58ef6a3e44dfa74文章目录1.购买服务器、远程连接服务器2.安装Docker服务3.基于Docker安装Nginx镜像4.本地创建Vue项目并上传到Gitee5.服务器安装Git并拉取
mossloo·2023-10-05 16:31

前端Vue中多语言切换功能的实现

在基于vue-cli项目开发过程中，多语言切换功能可使用vue-i18插件，具体实现方法如下：step1:在项目中安装vue-i18插件cnpminstallvue-i18n--save-devstep2:在项目的入口文件main.js中引入vue-i18n插件importVuefrom'vue'importrouterfrom'./router'importVueI18nfrom'vue-i18
宇宙超级无敌博·2023-10-03 13:08

Golang：Gin-Vue-Admin | EasyGoAdmin

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:32

Golang：Gin-Vue-Admin 后台管理系统脚手架 | EasyGoAdmin

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:32

Golang：gin-vue-admin框架搭建教程 | EasyGoAdmin

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:02

gin-vue-admin 基于Go语言快速开发框架

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:32

gin-vue-admin 首页、文档、下载 - 基于gin和vue后台管理系统

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:31

gin-vue-admin 后台管理系统框架搭建教程

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:31

gin-vue-admin零基础系统搭建教程

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:31

gin-vue-admin基于Gin的敏捷后台开发框架

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:01

beego-vue-admin基于beego的敏捷后台开发框架

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:01

gin-vue-admin 基于gin + vue搭建的后台管理系统框架

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端
半城 风雨·2023-10-01 22:01

SpringBoot单体项目拆分为SpringCloud微服务项目教程

等框架精心打造的一款前后端分离框架，致力于实现模块化、组件化、可插拔的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端
理查德.克莱德曼·2023-09-29 14:57

XHR 跨域概念学习

跨域访问(Cross-origin)最近在做一个vue前后分离的项目，利用axios处理XHR信息时，浏览器端报错：image该错误由于前端vue和后端django所属资源域不同而产生(具体原因此不详述
打不shi的流云·2023-09-29 12:16

前端vue面试总结，常见的，没有更全，只有更细，更新中

1.Vue中为什么data(){}是个函数因为组件是可以复用的Vue实例，一个组件被创建以后，就可能被多次利用，然而不管用了多少次，每个组件之间都应该相互独立，互不影响的。基于此Object是引用数据类型，如果不是function函数返回，那么每个组件的data都是存在同一个地址，一个数据改变那么也会影响其他数据。JavaScript只有函数构成作用域(注意理解作用域，只有函数{}构成作用域对象的
小刘先生很努力·2023-09-29 01:11

前端vue 导出为excel导出xlsx

第一步：npmixlsx第二部：直接复制吧。导入Excel导出Excelimport*asXLSXfrom"xlsx";exportdefault{name:"Excel",data(){return{fullscreenLoading:false,//加载中elImport:"",//导入elExport:"",//导出excelData:[//测试数据{name:"红烧鱼",size:"大",
IT牛男_Edward·2023-09-28 19:48

前端Vue自定义简单通用省市区选择器picker地区选择器picker 收获地址界面模版

随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上
前端组件开发·2023-09-27 16:05

前端vue实现页面加水印文字 单个页面所有页面加水印（更新版）

随着前端技术的不断发展，组件化开发已经成为现代前端开发的重要趋势。组件化开发可以将大型复杂的系统分解为可重用的独立组件，实现模块解耦、代码复用和开发效率提升。本文将介绍一种基于Vue技术的前端页面加水印文字的组件化实现方式。一、背景介绍在现代Web应用中，为了保护页面内容的安全性，常常需要在页面上添加水印文字以防止未经授权的复制和传播。在过去，前端页面水印通常是一个整体模块，修改或增加一个功能就需
前端组件开发·2023-09-27 16:03

【前端VUE基础（三）】ES6模块化语法

一、ES6与CommonJS的对比ES6与CommonJS都是JavaScript的模块化规范，它们的主要区别在于以下几个方面：1、语法：ES6使用import/export语法来定义和导出模块，而CommonJS使用require/module.exports语法。2、加载方式：ES6模块在编译时进行静态分析，可以在编译时确定依赖关系，而CommonJS模块是在运行时加载，需要动态解析依赖关系。
幸福巡礼·2023-09-27 09:31

前端vue项目开发全家桶之vuex

Vuex是一个专为Vue.js设计的状态管理模式vuex解决了组件之间同一状态的共享问题。当我们的应用遇到多个组件共享状态时，会需要：多个组件依赖于同一状态。传参的方法对于多层嵌套的组件将会非常繁琐，并且对于兄弟组件间的状态传递无能为力。这需要你去学习下，vue编码中多个组件之间的通讯的做法。来自不同组件的行为需要变更同一状态。我们经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。
suoh's Blog·2023-09-27 04:16

前端vue导出pdf

一、分页//导出页面为PDF格式importhtml2Canvasfrom'html2canvas'importJsPDFfrom'jspdf'exportfunctiongetPdf(title,id){html2Canvas(document.querySelector(`#${id}`),{allowTaint:true}).then(function(canvas){constconten
ZSLing_93082588·2023-09-26 22:27

从运维小白成长为运维开发专家的修炼之路

类型技术栈名称和地址前后端开发gin/gorm/vue3/ts7模块大运维平台开发-go-vue-k8s-cicd-服务树-监控前后端开发vue2/restfulapik8s管理运维平台实战前端vue后端
·2023-09-26 11:06

Nginx反向代理部署前端Vue项目

对于前后端分离的项目，前端项目和后端项目需要单独部署，通常会使用SpringBoot框架开发后端项目，使用Vue框架开发前端项目；后端项目的部署较为简单，一般来说就是先打成一个Jar包上传到服务器，然后使用nohupjava-jarJar包名&命令启动项目即可；完整部署流程可参考文章：https://blog.csdn.net/can_chen/article/details/107225701而
can_chen·2023-09-26 00:01

nginx反向代理vue项目

文章目录前言一、创建站点1.添加站点2.添加ssl证书二、反向代理vue项目1.添加反向代理2.更改vue项目配置3.修改反向代理配置前言项目描述：前端vue项目、后端Java项目、首页WordPress
落魄实习生·2023-09-26 00:29

前端vue元素显示隐藏 v-if 和 v-show 指令小案例

目录原理:区别:注意:使用:v-ifv-show原理:v-if：通过创建、销毁dom元素的方式达到显示、隐藏效果(销毁后有一个占位符)。v-show：通过css控制样式style达成显示、隐藏效果。display:none;隐藏display:block;显示区别:v-if有更高的切换消耗，如果运行条件不大可能改变，则v-if较合适。v-show有更高的渲染消耗，如果需要频繁切换，则v-show较
MFG_666·2023-09-25 15:34

vue下载Excel文件

前端vue实现导出Excel文件用到的是上代码varwb=XLSX.utils.table_to_book(document.querySelector('#my-table'));//关联dom节点这个是表格绑定的
BJYXSZD-9185·2023-09-23 23:35

网页版的 Redis 可视化工具来了，已开源？

springboot2.2.2.RELEASEJDK1.8jedis3.2.0commons-lang33.5hutool-core5.1.1fastjson1.2.62h2database1.4.200前端
技术琐事·2023-09-23 05:28

前端vue 打包部署后 原本http请求变成了https

之前添加了这句给自己挖坑了导致变成了https这个代码的作用是将站内加载的资源自动将http转为https去掉即可
super5⁢·2023-09-22 20:02

路由hash模式改成history模式的前端vue配置与后端配置

示例项目地址：http://172.00.00.000:8888/Web/static/index.html/index,其中：/Web/static/表示项目部署路径，每个人的路径不一样，vue默认路径是根路径/，如果你项目不是部署在根路径，那就需要修改一些配置index.html表示项目入口文件/index表示项目首页的路由地址vue前端配置1.配置路由history模式并配置basecons
东之健大坏蛋·2023-09-22 18:18

前端VUE---JS实现数据的模糊搜索

实现背景因为后端实现人员列表返回，每次返回的数据量在100以内，要求前端自己进行模糊搜索页面实现因为是实时更新数据的，就不需要搜索和重置按钮了代码HTML确定js//计算属性computed:{filteredItems(){//if(!this.keyword){//returnthis.userList//}returnthis.userList.filter(item=>{returnite
一路向前的月光·2023-09-22 17:44

前端Vue 常用表单rules校验规则小结

前端表单提交中，需要对一些数值进行校验；下面就是总结的一些常用的表单校验规则：//纯数字校验functionvalidateNumber(rule,value,callback){letnumberReg=/^\d+$|^\d+[.]?\d+$/if(value!==''){if(!numberReg.test(value)){callback(newError('请输入数字'))}else{ca
邪小新·2023-09-22 15:27

解锁前端Vue3宝藏级资料 第五章 Vue 组件应用 1( Props )

  本章带领大家理解组件、props、emits、slots、providers/injects，Vue插件等Vue组件使用的基础知识。5.1组件注册5.2Props5.2.1组件之间如何传值5.2.2参数绑定v-bind5.2.3参数类型5.2.4props默认与必填5.2.5验证设置5.2.6useAttrs属性设置第一章Vue3项目创建1VueCLI创建vue项目第一章Vue3项目创建2使用
Zht_bs·2023-09-21 20:16

前端Vue3+element-plus表单输入框实现Cron表达式校验

页面如下：本来想手写正则表达式校验，结果发现很麻烦，cron表达式组成如下：开发使用框架为vue3+element-plus，于是选择cron-validator依赖。使用步骤如下：1、通过npminstallcron-validator命令安装：2、可以通过package.json文件中看到，已安装成功。3、在你需要校验的组件中，通过import{isValidCron}from'cron-va
Apple-Wang·2023-09-21 18:42

解锁前端Vue3宝藏级资料 第五章 Vue 组件应用 3( Slots )

5.4Slots  我们已经了解到组件能够接收任意类型的JavaScript值作为props，但组件要如何接收模板内容呢？在某些场景中，我们可能想要为子组件传递一些模板片段，让子组件在它们的组件中渲染这些片段。Slots可用于将Html内容从父组件传递到子组件进行显示。例如，你创建一个名为Button的组件，并且只想更改按钮上显示的文本，可以通过从父组件的Slot传递文本到子组件中更改子组件中按钮
Zht_bs·2023-09-21 18:58

解锁前端Vue3宝藏级资料 第五章 Vue 组件应用 5 (Vue 插件)

  想了解Vue插件所以你看了官方文档却看不懂，或者你想知道Vue.use()方法和插件的关系。在本文档中，我们将参照文档讲解插件制作的基础知识，了解基础知识后，我们将制作与更实用的下拉菜单和脚本加载相关的插件。读完之后，您应该知道如何创建自己的插件以及如何添加插件。第一章Vue3项目创建1VueCLI创建vue项目第一章Vue3项目创建2使用Webpack5搭建vue项目第一章Vue3项目创建3
Zht_bs·2023-09-21 13:02

解锁前端Vue3宝藏级资料 第五章 Vue 组件应用 4 ( provide 和 inject )

5.5provide和inject  前面的知识告诉我们vue中组件之间传递值需要使用props来完成，但是props也有一定局限性。这个时候在vue3中还有另外的解决方法。那就是使用provide和inject允许父组件将数据传递给所有后代组件，而不管组件层次结构有多深。你要做的很简单，就是将父组件中定义的数据直接传递给它后代组件，而不需要“propsdrilling”。第一章Vue3项目创建1
Zht_bs·2023-09-21 10:27

vue国际化教程

首先，我们分为两部分处理，一个是前端页面的静态文字，这个由前端vue.json自行处理。第二部分就是后端的错误消息和日志部分，我们由springboot的拦截器来处理。
renkai721·2023-09-21 03:04

若依框架i18n国际化

首先，我们分为两部分处理，一个是前端页面的静态文字，这个由前端vue.json自行处理。第二部分就是后端的错误消息和日志部分，我们由springboot的拦截器来处理。
renkai721·2023-09-21 03:03

jeecg-boot-2.0.0 心得

上级讨论定下来需要用到微服务框架，平台至少要用到注册中心+配置中心+网关+认证+后台管理+前端vue至少5+1。针对大项目，强大的运维团队支持应该是可以承受，但是哪里天天会有大项目呢？
掘金者说·2023-09-20 15:55

2023年12道超详细前端vue面试题，包含答案解析。你想要的都在这里！！！

欢迎参加2023年的Vue面试。以下是40道关于Vue的面试题，每道题附带有详细的答案和代码讲解。请解释Vue.js是什么。它的核心功能是什么？Vue.js是一款流行的JavaScript前端框架，用于构建用户界面。它的核心功能是通过封装了核心库和插件生态系统，实现了声明式渲染、组件化开发和响应式数据绑定。请解释Vue的双向数据绑定原理。Vue的双向数据绑定是通过Vue的响应式系统实现的。当数据发
三拾老师·2023-09-19 19:32
上一页 4 5 6 7 8 9 10 11 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他