vue+elementui 第9页

vue+elementUI走马灯组件+html ＜video＞实现轮播视频，并自定义视频播放按钮完整demo

效果：代码：您的浏览器不支持Video标签。import{videoPlayer}from"vue-video-player";import"video.js/dist/video-js.css";import"videojs-flash";exportdefault{components:{videoPlayer},props:{title:{//模块标题type:String,default:

zongmaomx·2023-04-17 13:57

【vue+elementui】对象嵌套数据取值与重置值

数据格式示例：mulForm:{companyId:'',wealthNo:'',configWealthmanagementproducts:{riskLevel:'',currencyId:'',}},问题描述：嵌套对象内部，通过select切换元素A，连带修改其他元素，控制台报key值重复的错误第二次进入新增弹窗界面，第一次新增的嵌套对象configWealthmanagementprodu

IrisLong·2023-04-17 09:36

2020-07-05 elementui系列：input回车事件，阻止原生刷新页面事件，slot

1.监听原生input的话使用@keyup.enter，封装组件比如elementui的话就要这么写：@keyup.enter.native2.在vue+elementui中只有一个el-input的情况下

Million1000000·2023-04-16 18:33

Vue+elementui实现增删改查

导航实现方案一（缺查询功能）实现方案二(缺查询功能)实现方案一（缺查询功能）Vue增删改查#app{width:1024px;margin:0auto;}.add-btn{margin-top:20px;width:100%;}.body{margin-top:20px;}职位的增删改查添加信息{{scope.$index+1}}取消确定newVue({el:'#app',data:functio

吉吉安·2023-04-16 09:30

【无标题】由于chat GPT写的vue＋elementui 简单增删改查表格

添加行编辑删除取消确定exportdefault{data(){return{tableData:[{name:'张三',age:18},{name:'李四',age:22},{name:'王五',age:30},],dialogVisible:false,form:{name:'',age:'',},editIndex:null,searchText:'',};},computed:{filte

Mr_乐生.·2023-04-16 01:07

SpringBoot+Shiro框架整合实现前后端分离的权限管理基础Demo

记录一下使用SpringBoot集成Shiro框架实现前后端分离Web项目的过程，后端使用SpringBoot整合Shiro，前端使用vue+elementUI，达到前后端使用token来进行交互的应用

蚂蚁舞·2023-04-15 19:51

一款优秀的vue前端中后台解决方案：vue-admin-design

vue-admin-design是一个基于vue+elementUI的后台管理系统的解决方案，它使用了最新的前端技术栈，并且提供了丰富的功能组件模块，可以帮助你快速搭建企业级中后台的前端架构。

DanielPak·2023-04-15 13:02

常用开发小技巧

VUE+elementUI处理视频播放组件视频播放按钮：播放视频播放弹窗：事件：playVideo(url){this.isPlay=true;this.videoUrl=url;},closeDialog

小丑的忧伤·2023-04-14 22:03

头条-day04_文章搜索前后端成形记 & 实名认证审核

文章搜索前后端成形记&admin实名认证审核掌握app登录模块的开发熟悉文章详情前台代码流程掌握ES的封装集成熟练ES的API使用熟悉admin管理平台前后端开发掌握JWT技术以及实战应用技巧熟悉VUE

LuckyAsYou·2023-04-14 14:37

ElementUI+VUE获取验证码前端代码

本期带来vue项目的获取验证码按钮以及一个定时任务可以和我上期发的SpringBoot项目发现验证码一起配合使用vue+elementUI项目使用1、首先是前端的方法部分send(){//点击发送验证码

GG-0408·2023-04-14 02:11

使用vue+elementUI封装弹窗组件

创建一个Vue组件首先，我们需要创建一个Vue组件来封装弹窗。在这个组件中，我们可以使用ElementUI的Dialog组件来实现弹窗的基本功能。取消确定exportdefault{name:'MyDialog',props:{visible:{type:Boolean,default:false},title:{type:String,default:''},width:{type:String

三拾老师·2023-04-13 14:17

idea与vue+ElementUI搭建前后端分离的CRUD

目录一、前端1、先下载四个指令2、修改端口号&action.js3、main.js4、Articles.vue二、后端1、导入pom依赖1、六个配置文件①applicationContext.xml②applicationContext-mybatis.xml③generatorConfig.xml④jdbc.properties⑤log4j2.xml⑥mybatis.cfg.xml2、配置web

星星铺满海面·2023-04-12 21:08

使用ElementUI从零开始搭建后台管理系统教程

vue+ElementUI搭建后台管理系统记录本文档记录了该系统从零配置的完整过程项目源码请访问：https://gitee.com/szxio/vue2Admin，如果感觉对你有帮助，请点一个小星星，

szx的开发笔记·2023-04-12 12:21

Vue+ELementUI主页布局----侧边栏布局（el-aside）

第一节Login.vue登录表单知识：Element-UI+vue实现登录表单_我爱布朗熊的博客-CSDN博客具体Element-UI地址：Element-Theworld'smostpopularVueUIframework目录一、布满整个页面二、主页Header布局三、主页左侧带单布局四、axios请求拦截器添加token，保证拥有获取数据的权限五、发起请求获取左侧菜单数据六、左侧菜单UI绘制

我爱布朗熊·2023-04-09 18:05

vue+elementUI ＜el-upload＞上传图片坑！

直接上代码！首先说一下，这个必须要有的东西headers必须要有在这个标签里面，这个头是用来标注你文件传输的类型，我这边用到的是form-data这个类型action这个必须要有即使你不用它，把它赋值为空也是可以的accept属性用来限制文件格式好，在来看这个标签里面的方法是怎么写的handleAvatarSuccess(res,file){this.imageUrl=URL.createObje

长而不宰·2023-04-09 02:48

（14）VUE+ElementUI在table组件中将动态链接生成二维码

vue-qrcode的GitHub网址：https://github.com/fengyuanchen/vue-qrcode安装vue-qrcodenpminstall@chenfengyuan/vue-qrcodevue全局引用//在main.js中importVueQrcodefrom'@chenfengyuan/vue-qrcode';Vue.component(VueQrcode.name

myako_·2023-04-08 17:21

ElementUI 响应式布局和基于断点的隐藏类

最近公司在开发网页前端，选择使用vue+Elementui快速开发,在写前台页面的时候。

放游·2023-04-08 07:55

vue+elementUI upload图片

element提供了upload的样式element提供了图片上传样式,鼠标放在图片上,可以实现预览大图,删除错误图片的功能公司业务逻辑要上传阿里云1,阿里云请求要配置请求参数,2,不同于elemntupload组件只填写一个action的方式,参见代码官网代码现在来说一下我的实现方式,也能预览,也能上传,还要把字段传递给后端upload有一个on-change的方法,绑定方法,会返回一个file

哼_·2023-04-08 02:36

vue+elementUI实现多级联动筛选

新版后台，需要实现一个多级联动的筛选栏目，实现以下效果：（点击筛选按钮弹出下列选项框）首先父组件调用子组件模块：通过变量expands赋值给子组件。子组件代码：筛选结果（125）{{item.text}}×清除筛选结果{{item.name}}{{v.text}}日期：exportdefault{name:"筛选组件",props:{expand:true,},watch:{expan

阔爱滴二狗子·2023-04-07 21:05

Vue+ElementUI中的input输入框添加自定义图片

ElementUI中input添加输入框通过prefix-icon和suffix-icon来设置就可以。自定义图片添加方法如下：1.效果图2.代码实现第一部分第二部分.username.el-input__inner{background:url(@/assets/images/icon-username.png)no-repeat10pxcenter;padding:0px50px;/*输入内容

毛毛三由·2023-04-07 18:58

vue+elementui中对el-select封装

通过对el-select的简单封装可以在整个项目中进行使用，既然代码优化了，也让技术人员对代码的操作性提高了不说那么多直接上代码：通过define对vue和element-ui进行引入在html中使用是通过tg-el-select然后传入必要性的属性，具体怎么通过require注入然后全局使用请看https://blog.csdn.net/lixu_boke/article/details/108

lixu_boke·2023-04-06 21:18

vue+elementUI的el-form的回车键登录

vue+elementUI的el-form的回车键登录，监听键盘来触发事件整理方法如下：1.当只有一个el-input的时候，可以用elementUI的自带的回车键触发提交事件但是有时候会同时触发刷新页面

重名8080·2023-04-06 17:23

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