Vue+elementUI 第9页

Vue+elementUI中的el-upload实现上传文件给后端，限制上传文件的格式、文件的大小、文件的数量，将表单和Excel文件一起提交给后端

需求：1.表单输入信息2.上传Excel附件3.下载附件模板4.限制上传文件的格式、文件的大小、文件的数量5.将表单和Excel文件一起提交给后端效果图：样式部分下载模板将文件拖到此处，或点击上传提交data部分代码data(){return{peopleform:{name:'',phone:'',address:'',},fileList:[]}},method中的代码methods:{//覆

alert（“不想秃头”）·2023-04-05 09:26

从零开始搭建日志系统(1)-项目概览&数据库搭建

设计目标前端vue+elementUI搭建日志系统前端利用springboot搭建后台数据库mysql图片服务器七牛云需求分析用户管理：用户的注册和登录，发表博文和评论。

ITzhongzi·2023-04-04 08:02

DRF+Vue实现前后端分离架构登录

一、简介后端：DjangoRestFrameWork前端：Vue+ElementUI数据库：mysql二、登录流程：登录时，用户在前端表单输入账号密码，根据填写的账号、密码,去请求登录的api，response

啊啊啊奥斯卡·2023-04-02 09:25

Vue + Element UI + Lumen 实现通用表格功能 - 分页

前言最近在做一个前后端分离的项目，前端使用Vue+ElementUI，而后端则使用Lumen做接口开发，其中分页是必不可少的一部分，本文就介绍如何基于以上环境做一个简单、可复用的分页功能。

4Ark·2023-03-31 11:58

python+vue家教信息管理系统django

在线的家教信息平台主要开发工具是PyCharm/vscode，主要技术为html、css以及django开源框架的结合,前端使用vue+elementui后端使用python+django是一款可以提供给管理员

QQ511008285·2023-03-31 02:47

vue+elementui 项目 table表格自定义排序规则

vue+elementui项目table表格自定义排序规则官方解释：在列中设置sortable属性即可实现以该列为基准的排序，接受一个Boolean，默认为false。

新时代农民工Top·2023-03-31 00:46

contenteditable手写富文本编辑器

当contenteditable为true时，该标签下的所有节点可编辑，于是就可以实现富文本编辑了，当然要实现富文本编辑还需要document.execCommand（）api进行辅助；下面是一个基于vue

醉青风·2023-03-29 11:03

2020-12-10(Vue+elementUI后台管理系统)

一、概要权限管理是一个几乎所有后台系统的都会涉及的一个重要组成部分，主要目的是对整个后台管理系统进行权限的控制，而针对的对象是员工，避免因权限控制缺失或操作不当引发的风险问题，如操作错误，数据泄露等问题。就目前来说最广泛的是一个账号对应多个角色，每个角色对应相应的权限集（RBAC模型）这种模型基本可以应对所有的问题，且通过角色可以实现灵活且多样的的权限操作需求。权限管理中设计到三个重要的名词：账号

蔡威大爷·2023-03-28 04:21

基于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

推荐频道

Vue+elementUI