Vue+ElementUI

ElementUI入门&Vue+ElementUI安装&搭建Node.js环境 &下载&配置环境变量&配置npm全局模块路径和cache默认安装位置&修改npm镜像提高下载速度&运行Node.js项目

目录1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行nodejs项目1.Eleme
瑶大头*^_^*·2023-10-28 08:34

SpringBoot+Vue+Redis实现前后端分离的字典缓存机制

场景前端使用Vue+ElementUI,要显示下拉框，下拉框的字典数据从数据库中的字典表中获取。但是如果每次下拉框都要项后台发动请求数据库的请求，性能可想而知。
霸道流氓气质·2023-10-28 02:06

基于springboot，vue企业网盘系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，采用前后端分离前端技术：vue+elementUI等框架实现服务端技术：springboot
IT教程资源·2023-10-27 20:19

el-dialog嵌套使用

最近使用vue+elementUI做项目，自然少不了dialog这个组件的使用，关于dialog嵌套有两个小问题总结下。1.dialog嵌套时，内层dialog上有遮罩层，无法点击。
little pixie·2023-10-27 10:26

Vue+ElementUI项目打包部署到Ubuntu服务器中

1、修改config/index.js中的assetsPublicPath:'/',修改为assetsPublicPath:'./'assetsPublicPath:'./'2、在build/utils.js中增加publicPath:'../../'publicPath:'../../'3、打开终端，在根目录下执行npmrunbuild进行打包，打包成功后会生成distnpmrunbuild4、
番茄Salad·2023-10-26 20:19

＜ 在element-ui中： 使用el-tree + el-table组件，联动请求用户数据表格组件 （基础版，后续可能更新） ＞

文章目录前言一、效果演示二、原理三、实现代码往期内容前言在Vue+elementUi开发中，实现通过树状组织机构，点击查询用户信息联动效果！
技术宅小温·2023-10-22 15:05

N-127基于springboot,vue网上商城系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源·2023-10-21 18:30

N-126基于springboot,vue手机商城系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源·2023-10-21 18:29

N-128基于springboot,vue酒店管理系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源·2023-10-21 18:26

解决vue+elementUI回车页面刷新问题

当一个form元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在标签上添加@submit.native.prevent。
广告位招租·2023-10-21 11:51

基于springboot,vue网上商城系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源-·2023-10-20 23:35

基于springboot,vue手机商城系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源-·2023-10-20 23:04

(N-128)基于springboot,vue酒店管理系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统分前后台，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot
IT教程资源-·2023-10-20 23:26

vue+elementui学习之旅（1）

从17年就开始关注vue相关技术栈，但基于项目技术选型，一直没有在正式项目中使用，我也没有真正用vue框架写过项目。这次疫情在家远程办公，正好有个项目归我负责，就想趁此机会把vue应用到实战。为了更好更快的走上正轨，今日特意邀请表弟来我家向他学习（他已经有过好几个相关项目经验，还获得了鹅厂的offer，这种资源必须好好利用，哈哈）。先简要介绍下自身前端知识情况：①有html和css基础，能独自完成
柒弟·2023-10-20 04:14

一款.NET Core开源的基于Vue+ElementUI开发的博客系统 - StarBlog

前言今天给大家推荐一款.NETCore开源的基于Vue+ElementUI开发的博客系统-StarBlog。该项目配套详细的文章教程，可以作为.NetCore入门项目学习。
时光追逐者·2023-10-19 08:11

vue中pdf预览组件_Vue+ElementUI使用vue-pdf实现预览功能

Vue+ElementUI项目中使用vue-pdf实现简单预览，供大家参考，具体内容如下1、安装vue-pdfnpminstall--savevue-pdf2、在vue页面中导入对应的组件我这是通过点击预览按钮获取
金渡江·2023-10-18 16:12

012 Spring Boot + Vue 电影购票系统

/xc012-movieSpringBoot+Vue电影购票系统一、项目结构网上购票后台管理客服模块二、环境介绍后端：SpringBoot+SpringSecurity+MyBatis-Plus前端：Vue
忻辰i·2023-10-18 14:04

form表单的三种封装方法（Vue+ElementUI）

form表单的三种封装方法（Vue+ElementUI）1.首先是最普通，也是大家最先想到的方法，直接封装：2.实现表单动态渲染、可视化配置的方法，动态表单又可以分为两种方法：(注意：注意v-model
WY_ALA·2023-10-18 10:47

vue+elementui el-switch按钮的文字居内

效果图代码UI图需求是将文字放在switch里面，而elementui默认的文字是在外面，这时候就要改样式了，可根据需求更改下面代码样式。::v-deep.el-switch__core{width:44px;height:24px;border-radius:100px;border:none;}::v-deep.el-switch__core::after{width:20px;height:
橙色日落·2023-10-18 01:34

vue+ElementUI el-select 下拉选择 多选增加全选封装组件(2023-08-31 TSelect组件新增自定义显示下拉项label)

2023-08-31TSelect组件新增自定义显示下拉项label1、效果图（含适用于条件查询组件中使用）2、代码示例2、配置参数（Attributes）继承el-selectAttribute参数说明类型默认值v-model绑定值boolean/string/number/Array-multiple是否多选BooleanfalseoptionSource下拉数据源Array-widthsel
wocwin·2023-10-17 23:33

element ui表格自适应屏幕高度

vue+elementui项目遇到一个界面要求：mounted(){this.
邮一支软猫·2023-10-17 00:13

使用自定义elementui图标

前言在做vue+elementui项目时，有时会遇到自定义icon的情况。但elementicon数量不多，可能找不到需要的。这时我们可以自定义icon，同样通过类来引用。
Rt_1f24·2023-10-16 00:25

vue+ElementUI el-table表格新增一行或删除一行编辑组件（输入框，选择框，复选框）

此功能已集成在el-table二次封装组件中——地址一、最终效果二、组件功能点（只支持整行编辑）1、数据化结构（减少html代码）2、可编辑整行单元格（同时满足不同编辑形式——input、select、checkbox、date等）3、可删除整行三、参数配置1、代码示例2、参数配置1、Attributes参数说明类型是否必须table表格数据对象Object是—data展示数据源Array是—bt
wocwin·2023-10-14 19:16

vue+elementui+nodejs酒店客房预订网站管理系统的设计与实现173pp

语言node.js框架：Express前端:Vue.js数据库：mysql数据库工具：Navicat开发软件：VScode前端vue+elementui,实现了一个酒店管理系统。
QQ402205496·2023-10-13 19:43

基于Vue+ELement实现增删改查案例与表单验证

一、增删改查案例的实现1.查询在Vue+ElementUI实现动态树和表格数
孤留光乩·2023-10-13 18:55

基于vue+elementUI的网页中使用地图组件vue-amap高德地图

基于vue+elementUI的网页中使用地图组件vue-amap高德地图vue-amap高德地图一、注册高德地图开发者账号1.注册账号2.创建新应用二、安装和引入vue-amap三、在相应的vue页面中添加代码
steveqobs·2023-10-13 07:55

vue + elementUI 实现二次封装表单

vue+elementUI实现二次封装表单引言封装的表单组件在页面中使用引言后台管理系统中，经常会出现需要表单的情况，但是又不想每个页面都实现一个，这样不方便维护，因此封装了表单组件，方便在页面使用封装的表单组件
写Bug的大雄·2023-10-13 01:13

Vue+elementUi 使用后端返回地址下载Excel表格

HTML部分：导出methods方法:exportExcel(){letthis_=this;leturl_=this.PATH;leturl=url_+"/prevention/expExcel?"+"startTime="+this_.daysData.time[0]+"&endTime="+this_.daysData.time[1]+"&name="+this_.daysData.name
HengYuan_Tech·2023-10-12 15:21

【常用页面记录】vue+elementUI实现搜索框+上拉加载列表

一、代码{{item.FILE_NAME}}下载importrequestfrom'@/http/request'exportdefault{data(){return{list:[],//列表searchText:'',//搜素内容fileName:'',//文件名称noMore:false,//控制滚动禁用routeLoad:false,//控制滚动禁用limit:18,page:1,}},c
早睡第一人·2023-10-12 04:10

vue+elementUi日期控件控制开始时间和结束时间以及范围在12个月之内

作为一个后端人员,写前端真的是太难受了,这个日期控件也是研究了好久才实现这么个简单功能,在此记录一下我的控件只有到月份效果开始日期不可超过结束日期开始日期不超过结束日期的前12个月结束日期在开始日期之后上代码啦重点是:picker-options="endDate"这一行定义一下此处写在create里，我这个是只能选择近12个月之内的月份，各位可以根据自己的需求来定这个范围this.beginDa
success321·2023-10-12 00:19

Vue+elementUI

工具:idea想要详细了解Vue的话，视频链接：https://www.bilibili.com/video/BV18E411a7mC博客链接：https://blog.csdn.net/DDDDeng_/article/details/107475920使用ElementUI组件库来实战，应用到实际中。创建一个名为vue-element的工程命令：vueinitwebpackvue-elemen
忘川茶社·2023-10-11 22:22

vue+elementui实现下拉表格多选+搜索

1、在使用之前首先要安装Element-ui在elementui的基础上对下拉框和表格进行组合template板块确定{{val}}js板块exportdefault{data(){return{val:[],isbg:false,//整体背景ss:'',//下拉框搜索值dataForm:{processDefinitionId:[],//文件档案选中的值},dataRule:{processDe
子曰 .·2023-10-11 22:21

Vue ——07、Vue + ElementUI—— 小demo案例

Vue+ElementUI——小demo案例一、创建工程二、idea开发————————如觉不错，随手点赞，关注，收藏(*￣︶￣)，谢谢~~一、创建工程创建一个名为ve的工程命令vueinitwebpackve
五月CG·2023-10-11 22:51

vue+elementui上传头像

vue+elementui上传头像vue页面中：data(){return{imageUrl:"",form:{},};},methods:{//上传图片field101BeforeUpload(file
嘿………·2023-10-11 22:17

vue+elementui中，el-select多选下拉列表中，如何同时获取:value和:label的值？

大家好，我是雄雄，欢迎关注微信公众号：雄雄的小课堂。项目场景：正如题目所说，今天在项目过程中遇到了个需求，因为需要在前台展示运动员的名称，但是运动员的编号在别的地方还需要使用，所以想了想，还是将编号和名称一并添加到数据库中，到时候拿的时候也比较方便。就不用在根据编号查询一遍呢了（接口是外部的，重新查的话会影响效率）使用的技术：element-ui的el-select标签问题描述：下面是下拉列表展示
穆雄雄·2023-10-11 22:46

【vue+elementui】自定义表单项label

创建表单时，若要对某个表单项做解释就要加问题引导，虽然el-form-item的label值类型是string，但我们可以用slot来自定义label的内容，代码如下：效果如下：
小花花inhere·2023-10-11 22:09

vue roleForm的rules不起作用/部分起作用【限制表单中输入的长度】【普通表单变验证表单】

今天用vue+elementUI做前端，要用到验证表单，我由于已经写了表单信息，所以在普通表单的基础上去做修改。
pursuingSun·2023-10-11 22:57

KekeBlog项目实战(更新中)

项目包含完整的后端中前台和后台的代码编写前端项目下载链接：https://pan.baidu.com/s/1TdFs4TqxlHh4DXyLwYuejQ提取码：mfkw2.技术栈前端：Vue+ElementUI
Bugman.·2023-10-10 19:48

vue+elementUI级联选择器使用

级联选择器级联选择器数据源为对象时使用方法级联选择器数据源为对象时使用方法首先,后端给前端返回的是对象形式:官方文档中的实例都是特定数组,这里只需要将对象写进:options,然后在指定:props属性中的id和value就可以了::props中指定的属性如下:对应更多属性可以看官方文档props:{expandTrigger:'hover',value:'id',label:'title',}效
YIZHILANGOU_·2023-10-10 12:34

vue+elementUI实现级联表格el-table级联多选

vue+elementUI实现级联表格el-table级联多选获取选中集合exportdefault{name:'App',data(){return{renderDynamic:[{id:1,parentId
why_Because·2023-10-10 12:02

vue+elementui 同时获取el-select选择器绑定的value值和label值

项目需求：表单中下拉选择单位名称（数据从接口获得），提交表单时，同时提交选定单位的departId和departName（即同时获取el-select绑定的value值和label值）el-select的v-model绑定el-option的value，表单提交时会自动提交，如果想要同时提交选中的label值，可以给el-select设置ref属性，this.$refs.selectDept.se
贺包蛋·2023-10-09 14:29

vue+elementUI为table表格中每一个按钮单独设置loading，按钮loading互不影响（半转载，半本人测试补充）

一、解决思路data中设置一个btnLoading:false缺点：点击一个按钮，列表里的按钮都会进入loading状态（不采用）data中设置一个对象，里面放很多个btnloading{btnLoading1:false,btnLoading2:false,…}缺点：不知道会列表里会有多少条数据（不采用，太傻了）直接设置v-loading=“scope.row.MarkUpPirceLoadin
做你的猫miao·2023-10-06 01:10

【第015篇】基于vue+elementui的文件上传，以照片墙形式显示文件图标缩略图

1、效果图代码中逻辑：如果上传的文件是图片格式，则缩略图回显成具体图片；如果上传的文件是PDF文件，则回显PDF的图标文件；如果上传的文件是WORD文件，则回显doc或docx图标文件；如果上传的文件是EXCEL文件，则回显xls或xlsx图标文件；2、示例代码请参考本人写的文档：https://blog.csdn.net/u011298909/article/details/126176148?
嘉&年华·2023-10-06 01:07

vue+elementUI轮播视频

轮播时自动暂停/继续播放elementUIvuenewVue({el:'#app',data:{video:[{url:'https://www.runoob.com/try/demo_source/movie.mp4',auto:true},{url:'./mp4.mp4',auto:false},{url:'https://www.runoob.com/try/demo_source/movi
木心操作·2023-10-05 12:15

vue+elementui 项目el-menu导航栏实现路由跳转及当前项的设置

导航栏页面，关键代码：1.要实现路由跳转，先要在el-menu标签上添加router属性，然后只要在每个el-menu-item标签内的index属性设置一下url即可实现点击el-menu-item实现路由跳转。2.导航当前项，在el-menu标签中绑定:default-active="$route.path",注意是绑定属性，不要忘了加“:”,当$route.path等于el-menu-ite
南北极之间·2023-10-05 05:35

Vue+elementUI实现 封装el-menu导航栏

效果图子组件menus.vue0":key="list.resourceId">{{list.resourceName}}{{list.resourceName}}exportdefault{name:'Menu',//递归组件的关键，并且要与引入组件的变量名称一致data(){return{}},props:['menuList']}.el-menu--collapsespan,.el-menu
BUGKing-·2023-10-05 01:07

基于vue+Element Table的增改查（纯前端解决方案，附源码）

文章目录前言代码实现实现逻辑前言这个项目是拿来练手的项目，基于VUE+ElementUI，并没有做后端，所以用的是纯前端的解决方案（有更好的办法欢迎提出），主要实现的是对列表数据的查询，筛选，修改这些常用功能
Wh1T3ZzT·2023-09-29 22:17

elementui unique-opened侧边栏菜单，是否只保持一个子菜单显示

vue+elementUI中menuunique-opened属性可以控制菜单侧边栏显示，是否只显示一个子菜单设置:unique-opened=“true”
花笙_·2023-09-29 19:42

Vue+elementUI下拉框自定义颜色选择器

Vue+elementUI下拉框自定义颜色选择器一、组件的定义1.定义颜色选择器组件二、父组件使用步骤1.引入子组件2.声明组件3.子组件使用一、组件的定义1.定义颜色选择器组件话不多说，直接上代码'"
走在菜鸟路上·2023-09-29 04:05

Vue+element开发Simple Admin后端管理系统页面

项目采用VScode开发，使用vue+elementui搭建，适合前后端分离项目。源码这几天就上传。下面展示效果图：
高垚淼·2023-09-29 00:19
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他