vue+elementUi 第9页

基于SpringBoot Vue教务管理系统

通知管理、用户信息管理、授课工作安排、上课时间安排教师：工作安排、活动/通知查看、上课安排学生：工作安排、活动/通知查看、学生、上课安排二、项目技术后端：SpringBoot+MyBatisPlus前端：Vue

Dwzun·2023-03-25 19:01

vue+elementUI 使用富文本编辑器

安装富文本编辑器npminstallvue-quill-editor制作组件方便后续引入位置compoents\Editor\index.vue注意：代码中，serverUrl:为上传图片的接口，您需要处理自己的格式在代码中的uploadSuccess中配置我自己的返回格式{code:200data:{url:"http://image.funkits.cn/funkits/1560243185.

KoPa·2023-03-25 05:02

vue+elementui可多选的el-select下拉框的互斥问题

1.首先需要4个el-select下拉框，注意有multiple属性，该文章只适用于带有multiple属性的下拉框，如果需要单选下拉框互斥，请移步我的主页看（vue+elementui单选el-select

程序员小白养成记·2023-03-25 01:56

vue+elementUI MessageBox 弹框自定义弹窗样式

vue+elementUIMessageBox弹框自定义弹窗样式vue+elementUIMessageBox弹框自定义弹窗样式vue+elementUIMessageBox弹框自定义弹窗样式效果：代码：beforeRouteLeave(to,from,next){//监听路由离开时弹出弹窗是否需要保存资料的功能consth=this.$createElement;setTimeout(()=>{

LHC087·2023-03-23 17:39

vue网站SEO优化持续踩坑（PhantomJS）

项目前端架构是vue+elementui。千辛万苦在项目收尾阶段，老板突然说网站要做SEO。到时没多想，就觉的不就是seo嘛，加上关键字、描述标题不就完事了，然后项目匆匆上线了。

安东的尼·2023-03-23 11:13

SpringBoot+Vue前后端分离（CURD）Demo

这里前端我使用的Vue+ElementUI,后端采用的是SpringBoot+Mybatis+Swagger2。下面的话，我就做一个简单的Demo吧。

HeloWxl·2023-03-23 05:28

全栈式部署：SpringCloud 微服务+Docker + Vue + nginx 前后端一站式部署（上篇）

操作步骤非常详细，新手友好型文章~后端技术栈：SpringCloud微服务架构+Redis+RabbitMQ+MySql；前端技术栈：Vue+ElementUI；部署工具：后端用Docker容器化部署，

JAVA炭烧·2023-03-23 00:29

elementUI动态表单 + el-select 按要求禁用问题

目录先实现最简单的：限制新增数量下拉菜单已选中的选项禁用移除后要把移除的那条选中项的disabled设为false完整代码项目通过vue+elementUI实现近期开发过程中遇到一个需求，对于从事两年的

·2023-03-22 16:35

Vue+ElementUI 可变列表格（Table）（为什么超出了，也不显示横向滚动条）

什么叫可变列表格？顾名思义，就是Table的Column的数量是可变的，可能是3个、4个，或者5个。如下图：image.pngimage.png那么，可变列列表的应用场景是什么？通常，在开发的过程中，总是会遇到在一个列表中根据不同的用户角色和业务场景，展示不同的内容给用户看的需求。这个时候，我们的可变列表格就有登场的机会了。当然，你也可以通过v-if控制显示的列。但是，我觉得用可变列表格的方式可以

米米_a13d·2023-03-20 17:01

Vue-跨域的产生及解决办法

本篇参考如下文章:vue3.0vue.config.js配置跨域vue-cli3设置代理跨域详解vue-cli3配置与跨域处理VUE前端项目配置代理解决跨域问题用Vue+ElementUI搭建后台管理极简模板什么是跨域

ZHDelete·2023-03-18 04:54

添加Quartz定时任务的Cron表达式前端Vue+ElementUI的表单输入方式

背景：Cron表达式难懂，前端可能一不小心就写错，基于这个背景先看效果点ok可以看到把下拉框选择的时间转化为了Cron表达式怎么做的呢？注意：需要有一点Vue的基础第一步、创建Vue组件名字为：timeCron.vue取消确定exportdefault{props:{timeCronStr:{type:String,default:''}},data(){return{visible:false,

記億揺晃着的那天·2023-03-15 15:09

vue+elementui 走马灯只有两个时滚动方向错误

问题当走马灯只有两项时，第一次切换时动画效果是右滑，第二次切换时变成了左滑解决办法当数据只有两项时复制一遍数据，比如1，2==>1，2，1，2自定义指示器，在只有两项时显示自定义的指示器，同时，监听自定义指示器的点击事件，切换幻灯片的索引同时监听幻灯片的change事件，用以控制自定义指示器的选中样式html代码//当只有两项数据时不显示默认的指示器{{item.xzqhmc}}{{item.va

csy没有昵称·2023-03-11 03:12

Vue+ElementUI 搭建后台管理系统（实战系列六）

前言使用ElementUI已经有一段时间了，在一边上手开发后台管理系统的同事，也记录了一些笔记，一直都没有时间将这些零零散散的笔记总结起来，整理成一个比较系统详细一点的教程，可以留着以后来看。关于开发过程中，确实使用到很大一部分的文档，都说前端开发离不开文档，重要的话说三遍，一定要多看文档。管理后台解决方案vue-element-admin是一个后台前端解决方案，它基于vue和element-ui

前端王小婷·2023-03-10 19:48

LayUI中的内置模块之 table 数据表格文档(layui 重点维护的项目之一)

就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。

daimeijin·2023-03-10 18:50

vue+elementui 轮播图+图片放大效果

根据项目需求，我们的ui框架是elementUI。要求实现轮播图并且点击当前轮播图片放大的效果。实现图片放大vue是有一个插件的，npm插件就可以了。1.首先，安装依赖npminstallv-viewer--save2.main.js引入viewerimportViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'Vue.use(Viewer)Vi

烟染眼眸·2023-03-09 17:07

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

目录elementUI下拉框自定义颜色选择器组件的定义父组件使用步骤elementUI中修改下拉框的背景颜色和字体颜色总结elementUI下拉框自定义颜色选择器组件的定义1.定义颜色选择器组件话不多说，直接上代码'">exportdefault{name:"colorSelect",//允许一个自定义组件在使用v-model时定制prop和event。默认情况下，一个组件上的v-model会把v

·2023-02-27 18:32

vue+elementUI下拉框回显问题及解决方式

目录vueelementUI下拉框回显问题正确回显格式应该是这样而回显的确实这个值的idvue下拉框回显映射单选框多选框级联框总结vueelementUI下拉框回显问题在开发过程中，总会做到修改功能，但是在修改回显的时候，发现下拉框始终回显的是id而不是文本下面看案例正确回显格式应该是这样而回显的确实这个值的id原因是因为在给select复制的时候没有重新渲染，一开始我的编辑回显方法是这样//编辑

·2023-02-23 17:19

＜ elementUi 中封装 NavMenu 导航菜单，实现单页面侧边导航栏＞

文章目录前言一、原理二、实现案例后续补充三、效果演示往期内容前言在Vue+elementUi开发中，在大部分后台管理系统都会选择实现“单页面”应用，简称：SPA。

技术宅小温·2023-02-21 11:22

＜在 elementUi 中设置 Table表格多选勾选规则限制＞

文章目录>使用到的element-uiTable组件属性一、原理二、实现案例新增勾选后翻页保留勾选内容功能三、效果演示在Vue+elementUi开发中，表格可以说是我们最经常使用的组件之一。

技术宅小温·2023-02-21 11:52

vue+elementUI 实现设置还款日字母弹窗组件

1、业务背景还款业务，设置每月还款日，选每月几号扣款，不需要29、30、31，因为不是每个月都有这三天的2、预期效果图3、代码实现3.1初始化vue项目地址：https://cn.vuejs.org/guide/introduction.html3.2在项目中应用elementUI

GoodTimeGGB·2023-02-17 11:00

vue+elementUI项目中拼接url字符串

在elementUI中难免会使用table组件完成显示表格数据的功能，如下例子：将后台返回的数据的一个参数再次传给后台接口链接打印excel表格。引用段落,首先使用scope.row的方式获取后台返回的参数time，然后通过在el-button上的点击事件触发函数getTimeDetail(),局部代码如下：导出数据明细exportdefault{name:"bill",data(){return

Fastrider·2023-02-06 18:09

自动生成Vue+ElementUI增删改查代码的webpack插件

目的为了解决简单的CURD动作，减少Ctrl+c和Ctrl+v动作，生成基础操作。一开始本打算写一个插件，后来发现不是很好扩展，且耦合性太强，各种个性化的需求太多，而Vue的继承并非很完善，尤其是Template的继承，干脆就采用生成代码的插件，简单暴力。基于此目的，刚好学习一下webpackplugin开发。开发1.定义插件入口，并合并配置参数classCurdVueElementPlugini

Marstin·2023-02-04 17:14

vue+elementui项目中，页面实现自适应，缩小放大页面排版基本保持不变

问题描述：vue+elementui项目中，页面实现自适应，缩小放大页面排版基本保持不变#解决方案：第一步：最外层div样式：fixed（固定定位）：生成绝对定位的元素，相对于浏览器窗口进行定位。

weixin_44039043·2023-02-03 11:53

vue+ElementUI动态表单（校验规则、计算条件和约束条件）升级版

主要用于记录，若能帮到他人，也算是功德了，哈哈。在原有基础上新增了组的概念（某些字段属于一个组，用的elementUI中的el-collapse区分），不啰嗦了，直接上代码（可直接拷贝试用）{{collapse.groupName}}复制组删除组{{collapse.computedRule}}exportdefault{name:'DynamicFormUpgrade',data(){retur

vikang·2023-02-01 17:59

vue+ElementUI动态表单（校验规则、计算条件和约束条件）

含有校验规则、计算条件和约束条件主要是记录，以备不时之需。使用vue-cli3构建工程，除默认模块，依赖只安装了elementUI，将其加入到main.js中，然后直接把About.vue替换成以下代码，即可食用，好吃不腻。其中校验规则可以单独整一个文件，给予不同key在此动态调用，记录中固定只为非空校验。不啰嗦，上代码。{{computedRule}}exportdefault{name:'Ab

vikang·2023-01-31 15:08

1、vue+elementUI的级联框二次封装之后在使用时容易出现下拉框不显示的问题

原因：级联框显示数据量大的时候返回慢，渲染的时候数据还没返回，导致级联框的浮层加载慢于弹层，然后浮层高度不能撑起来，或者层级不能跟着页面自适应，就看不到下拉项解决：给浮层自定义类名之后给一个最小高度，或者给层级加高，（ps：如果加的样式不生效，或者只显示类名而没有自己写的样式的话，可能是因为样式加了scoped的原因，因为级联的浮层在页面之外，所以可以另外写一个stylepopper-class

·2023-01-30 16:23

nodejs+Vue+Elementui的校园二手旧书交易交换平台sequelize

本次设计任务是要设计一个基于Vue+Elementui前端的校园二手书交易系统，管理员可以根据系统给定的账号进行登录，登录后可以进入校园二手书交易系统，对校园二手书交易系统所有模块进行管理。

QQ188083800·2023-01-30 11:05

记一次bug调试过程

背景：Vue+elementUI构建的下拉树节点选择组件出现数据重复的问题。本文主要记录调试过程中的分析思路。因为组员在调试过程中花费了较长时间，遂将思路记录并分享出来。

Wetoria·2023-01-30 06:08

Vue+Element UI 树形控件整合下拉功能菜单（tree + dropdown +input）

使用Vue+ElementUI，构建出最基本的树如下图所示：最简单的树结构现在我们就要在这个基础上进行改造，使页面更加符合我们的交互场景。一、下拉菜单将下拉菜单嵌到树节点中，使操

Ygria·2023-01-28 16:49

Vue+ElementUI搭建商家店铺管理后台项目总结

背景在开发完成商家店铺的客户端后，自己掌握了客户端一些开发技术，并且也从中积累到了项目经验。由于客户端的商家应用页面是基于静态数据渲染的，所以在真实的应用实践中，静态的页面数据并不符合实际的应用场景需要。如果我们要定期的更换页面上的内容的话，对于普通的应用使用者来说是不容易的。可能用到最笨拙的办法就是联系应用的开发人员修改原项目内容才能实现，但是要想一劳永逸的把这个使用需求交给普通用户使用的话，使

a2c370515a15·2023-01-27 20:47

activiti表单设计器_超牛 Vue+ElementUI 可视化表单设计器组件FormMaking

weixin_39629989·2023-01-26 05:20

springboot,vue二手交易平台

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统用户前台和管理后台两部分，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot

IT教程资源-·2023-01-25 08:47

springboot,vue电影院售票系统

开发工具：IDEA服务器：Tomcat9.0，jdk1.8项目构建：maven数据库：mysql5.7系统用户前台和管理后台两部分，项目采用前后端分离前端技术：vue+elementUI服务端技术：springboot

IT教程资源-·2023-01-25 07:01

vue+elementUI 省市县地区级联选择行政区划

省市的二级联动下拉选择框，value是行政区划省市县的三级联动的下拉选择框，value是行政区划使用步骤：把json文件引进来，二级联动和三级联动的代码是一样的，只是json文件不一样，文件在我的上传资源里constregions=require("./regions.json");exportdefault{data(){return{cities:[],areaValue:[]};},meth

kksw1121·2023-01-21 22:08

vue+elementUI实现省市区级联选择

有两个可以实现用法比较简单，一个是使用elementUI的el-cascader级联选择器配合element-china-area-data中的区域数据另一个是比较简易的V-Distpicker在此记录一下。

hykDatabases·2023-01-21 22:08

前后端联调总结

@Tomato由于之前后端都有涉猎，所以对于前后端在接口对接时产生的许许多多的摩擦有一些自己的看法在此整理一些问题排查的思路这里后端已WebApi举例,前端以VUE+ElementUI举例文章目录1、为什么需要联调

Tomato_SY·2023-01-20 14:42

校园跑腿、校园脱单、代理、帮忙拿快递的微信小程序基于SpringBoot、Mybatis-plus、mysql实现

project：项目CBD：校园跑腿服务（校园CBD中心）server-app:小程序apiserver-pc:小程序后台管理service-cgs-base-service:项目mapper公共包web_pc：vue

Python代码大全·2023-01-16 10:05

vue+elementUI下拉框回显问题解决

在开发过程中,总会做到修改功能,但是在修改回显的时候,发现下拉框始终回显的是id而不是文本,下面看案例正确回显格式应该是这样而回显的确实这个值的id原因是因为在给select复制的时候没有重新渲染;一开始我的编辑回显方法是这样//编辑回显edit(){//通过选中id查询信息axios.get('/xxx/xxx/id',{params:{id:this.selectedRows[0].ID}})

UnIQUE Eason·2023-01-12 18:38

vue+elementui 日期时间控件结束日期不能小于开始日期

目录一、对于日期控件（简单版）：二、对于日期时间控件（需要禁用时间选择器）：参考：代码：注意：一、对于日期控件（简单版）：element-ui日期选择器限制结束时间不能大于开始时间_优秀的赵仕广的博客-CSDN博客data(){return{pickerStartOptions(endTime){return{disabledDate(time){if(endTime){//拼接00:00:00是

Start2019·2023-01-07 08:49

衣服、商品、商城网站模板首页，仿U袋网，vue+elementui简洁实现（二）

一.前言接上一遍博客：《衣服、商品、商城网站模板首页，仿U袋网，vue+elementui简洁实现》在此基础上增加了和完善一些页面：商品分类筛选页面登录、注册、找回密码共用页面U袋学堂（视频专区，视频播放

愛芳芳·2022-12-28 08:22

[开源]基于 vant-weapp 的企业展示型小程序

该项目采用前后端分离的架构模式，主要包括3部分：1、用户端：即小程序，UI组件使用的VantWeapp请移步：https://github.com/chudaozhe/...2、管理员端：Vue+ElementUI

·2022-12-27 10:29

大二毕设.1-学生信息管理系统

目录技术选型:功能概括:可扩展性良好，添加其余操作无非是多加点信息，重复编码改数据罢版本:基本演示功能实现讲解登录校验可调整每页条数的分页显示与增删查改不会造成偷窃的部分web代码技术选型:前端:Vue

汤键.·2022-12-17 01:27

使用Docker+Jenkins+Gitee自动化部署Vue+ElementUI项目

参考本文章并打算跟着步骤进行构建部署的朋友们，建议直接先看踩坑总结，看看自己是否存在对应的问题，免得构建完才发现出错了，毕竟构建一次过程还挺长的。也可以自己走一遍后再参考如何解决啦。1、Docker安装Jenkins关于如何安装Jenkins，网上教程攻略很多，此处不做过多赘述。也可以参考我上一篇文章使用Docker+Jenkins+Gitee自动化部署SpringBoot项目中搭建基础环境部分，

但求上进·2022-12-11 09:02

利用SpringBoot和vue+elementui做一个简单的书本信息管理系统

目录1.准备工作1.1.数据库准备1.2.前端准备工作1.3.后端准备工作2.后台代码的编写2.1.修改配置文件2.2.编写service层2.3.编写Controller层3.前台代码的编写3.1.在src里面的api里面的action.js3.2.搜索栏，表单3.3.表格3.4.弹出新增的模态框1.准备工作提前准备好的db（数据库表），html（前端代码），java（后端代码）等文件夹1.1.

冰冰酱哈·2022-12-07 21:09

vue+flask实现视频目标检测yolov5

一.前端搭建参考视频：vue+elementUI管理平台系列参考博客：Flask+Vue搭建简易系统步骤总结vue-cli2.9.6+Eleme

s123l4·2022-12-01 22:29

记录[Vue+elementUI]报错及解决方法

Invalidprop:customvalidatorcheckfailedforprop"percentage"当出现这种Invalidprop错误的时候，应该去查一下elementUI的文档，看一下prop的取值范围，例如：percentage的取值范围就是0-100之间。我在算百分比的时候，当数据更新的时候，没有即时更新分母，导致算出来的数据存在大于100的值。Cannotreadprope

·2022-11-30 06:12

cnpm : 无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。

使用Vue+ElementUI搭建后台管理系统，使用cnpminstall在vscode中安装项目时出现错误错误信息如下：解决办法：1、先使用npmlist--depth=0-global检查是否安装了

HS_zhangjiong·2022-11-27 17:18

题目管理系统，vue+elementui+springboot+mysql，用于学习

代码语言前端：vue+elementui后端：springboot数据库：mysql开发工具：idea+vscode登录管理模块考试管理模块新增试卷模块题库管理模块分页，增删改查都实现了，同时也实现了数据通过

卓 zoey·2022-11-26 19:04

Springboot快速开发-书本信息管理系统（项目源码）

里面是所有代码，数据库表设计也有，大学生可以直接用，导入数据库运行，再导入后端项目和前端项目，再去网页运行就好了，效果图下面有】1、考核要求：数据库：MYSQL5.7+后台技术：SpringBoot前端技术：vue

天蝎座的程序媛·2022-11-24 08:20

vue+elementUI实现表格中点击图片预览大图功能

说起预览大图，最先想到的肯定是ElementUI中的preview-src-list开启大图预览，但是它的存储类型数组，如果我们需要在表格中点击某一行的某张图片就显示它的大图，就不是很好实现；所以这里我直接写了一个弹框组件来显示大图，效果也不错，可以用于审核证件时查看证件等场景演示效果：弹框组件代码exportdefault{props:{show:Boolean,imgSrc:String},c

UnIQUE Eason·2022-11-23 21:29

推荐频道

vue+elementUi