elementui
-
前端小记–2.element-ui中级联选择器cascader如何默认展开下拉框
最近做项目时,遇到一个需求:在一个排班表中,展示人员的值班情况,点击单元格,弹出下拉框,修改人员排班信息。 由于下拉框选择内容是树状结构,这里使用了element-ui中级联组件c…
-
前端vue elementUI upload上传组件封装&多文件上传&进度条,后端servlet request.getPart()接收文件信息
vue upload组件 选中多个文件上传 通过axios请求 onUploadProgress方法监听 on-progress on-success用这两个钩子函数实现进度条 下…
-
2023年全国职业院校技能大赛应用软件系统开发赛项(高职组)赛题第7套
竞赛说明 一、项目背景 党的二十大报告指出,要加快建设制造强国、数字中国,推动制造业高端化、智能化、绿色化发展。《IDC中国制造企业调研报告,2021》报告指出,制造执行系统(ME…
-
使用vue脚手架搭建前端工程(附:搭配ElementUI来快速开发)
目录 一、搭建过程 1. 全局安装webpack(打包工具) 2. 全局安装vue脚手架 3. 初始化vue项目 4. vue项目目录的简单介绍 二、执行流程分析 三、自己造一个组…
-
vue3.0 + element Plus点击按钮发送请求,添加loading加载状态
添加el-button 发送请求 设置isSending的初始值,在发送请求时修改isSending的值 const isSending = ref(false) //在按钮点击时…
-
element 的 el-cascader 组件获取级联选中label和value值
1. 多选时 获取 cascader 级联选择器的 label 值 需要给 el-cascader 加 ref 用以获取值 // 级联选择器 // 方法 handl…
-
Vue+element ui实现好看的个人中心
目录 一、效果图 二、项目结构 三、界面效果和代码实现 1.路由注册 2.个人主页实现 3.编辑弹窗按钮实现 4.个人简介实现 5.发贴页实现 6.收藏页实现 7.关注和收藏页实现…
-
el-table @selection-change实现多选框的效果以及可以进行批量删除的操作
2023.2.2今天我学习了如何在表格中添加多选框并且可以进行多选的效果,以及可以进行批量删除的操作。 效果: 没选中时 多选但不全选 全选 html代码如下: //…
-
【vue2】近期bug收集与整理02
⭐【前言】 在使用vue2构建页面时候,博主遇到的问题难点以及最终的解决方案。 🥳博主:初映CY的前说(前端领域) 🤘本文核心:博主遇到的问题与解决…
-
Element table组件动态设置expand展开项以及同时只展开一项
场景一:table表格展开项过多,界面数据太繁杂影响查看。 场景二:Element Table加载的数据发生变化时,会重新渲染界面,之前的展开项会自动关闭,用户需要手动去打开展开项…
-
在element-ui控件el-input中前面添加icon图标(通过template #prefix和template #suffix实现)
在element-ui控件el-input中前面添加icon图标(通过template #prefix和template #suffix实现 前言 1、vue2中使用 在input…
-
Element-UI中调用tinymce6实现本地化加载,并解决提示:This domain is not registered with TinyMCE Cloud,省去api-key
最新的tinymce会提示”This domain is not registered with TinyMCE Cloud“,要求注册tinymce官方云才能下载所需组件类库。 …
-
Vue显示图片的几种方式
前言 最近在做自己的项目,有这么一个需求,用户列表需要展示用户的头像,之前一直没有处理,趁着这次机会,正好分享下我的解决过程。 头像这一栏空荡荡的,我这种强迫症患者难受死! 首先声…
-
Vue+elementUI中的el-upload实现上传文件给后端,限制上传文件的格式、文件的大小、文件的数量,将表单和Excel文件一起提交给后端
需求:1.表单输入信息 2.上传Excel附件 3.下载附件模板 4.限制上传文件的格式、文件的大小、文件的数量 5.将表单和Excel文件一起提交给后端 效果图: 样式部分 下载…
-
el-dialog对话框子组件的关闭
在子组件对话框中 用:before-close关闭对话框,取消按键绑定点击事件 取 消 确 定 子组件把”close”事件传给父组件 methods: {…
