×

elementui

超级简单教你Element UI上传功能(以及上传坑点)(element ui 上传)

AsO AsO 发表于2024-04-15 浏览7405 评论0
(本作为傻瓜级别教程,即看即用) 1.第一步: 搜索element ui 上传组件(Upload 上传): 2.第二步: 将你心仪的上传组件放入你的vue中(这些上传组件效果不同,尽量根据他的作用放置上传组件)  3.第三步: 在methods中写入你的校验格式方法 绑定校验触发钩子 (中间那些格式可以替换成png,jpg等,官网的示例中就有,所以按照这个理论音乐应该也可以)  写完方法之后记得与官方写的触发钩子进行绑定。(不知道什么意思了,移步element ui上

elementui

带你使用vite+Vue+Element-UI搭建一套简单的后台管理系统

枫叶?飘飘 枫叶?飘飘 发表于2024-04-15 浏览6836 评论0
大家好,今天带领大家使用vite + Vue + element-ui2.0搭建一套简单的后台管理系统,话不多说,直接进入主题 首先我们需要准备好开发工具以及开发环境 操作系统我用的电脑是MacBook的MacOS,当然Windows也没问题啦。 开发工具我使用的是WebStorm,也可以使用VSCode或者HBuilderX.在这里强烈推荐一波WebStorm,真的太香了,各种快捷键,各种智能提示,有兴趣的小伙伴可以尝试一下。 开发环境需要安装node.js,node.js的安装大家就自

elementui

基于Java+SpringBoot+vue+elementui图书商城系统设计实现

kangs kangs 发表于2024-04-15 浏览33603 评论0
博主介绍:✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 🍅文末获取联系🍅精彩专栏推荐订阅👇🏻👇🏻👇🏻👇🏻  java项目精品实战案例《100套》 Java毕业设计参考题目《值得收藏 ​》 目录 一、前言介绍: 二、系统分析: 2.1 可行性分析 2.1.1 技术可行性 2.1.2 经济可行性  2.1.3 操作可行性

elementui

DateTimePicker设置默认的时间范围,超过范围则不可选

浅薄 浅薄 发表于2024-04-14 浏览4171 评论0
一、需求 在项目中使用Element-ui中 DateTimePicker 日期时间选择器时,开始时间需要默认当天时间零点零时零秒(xxxx-xx-xx 00:00:00);结束时间需要默认当前时间几点几时几秒(比如现在是2022-07-06 15:04:31);用户进行选择器筛选时,选中开始时间,结束时间会控制在开始时间的6个月内,超过6个月的时间禁用,不可选。保证筛选范围一直控制在6个月。 二、注意的点 1)需要先把 日期时间选择器 面板解除联动 :unlink-panel=

elementui

解决ElementUI表格el-table-column添加fixed底部被遮挡的方法汇总

xinyu590 xinyu590 发表于2024-04-14 浏览4907 评论0
在ElementUI表格中固定最右一列: 当浏览器的窗口变大时,滚动条消失,但是会出现固定列的最后一行底部被遮挡。 分析原因:由于固定列el-table__fixed-right的高度不够导致被遮挡。 网上搜到的解决办法有三种: (1)将el-table__fixed-right的高度设置为100%。 .el-table__fixed-right { height: 100% !important; } 但是这会导致一个问题:固定列下面的滚动条无法点击滑动。 (2)设置el-table_

elementui

VUE—el-form包括循环数据验证 (el-form表单验证)

零距离 零距离 发表于2024-04-14 浏览7578 评论0
        我们都知道在element-ui的form表单文档里数据校验都是普通的form里嵌套form-item的写法,而我遇到的是有循环遍历的,像图中一样,整个区域是循环遍历来实现添加删除功能的,按照官网文档来写是无法实现预期效果的,总是必填项填了之后依然显示提示信息,仿佛是这边数据变化没有检测到一样。来回修改搜索琢磨了很久,最终也是实现了,贴上代码一起看看吧。  总结几个重要的点: 1、rules为data中rules里对应属性名,如 :rules = "rules.rewar

elementui

【前端学习日记】ElementUi+导航菜单+面包屑+Tag标签联动(elementui顶部导航菜单)

站住别动我要抱你q 站住别动我要抱你q 发表于2024-04-14 浏览5091 评论0
目录 导航菜单的渲染 路由跳转联动面包屑 标签联动 总结 思路:导航菜单是负责路由跳转的,面包屑和Tags标签通过读取事件路由跳转的数据进行渲染,这里涉及到组件间通信,使用vuex状态管理器来管理这部分数据。 使用json-server模拟从后端返回的接口数据: 附上使用文档:GitHub - typicode/json-server: Get a full fake REST API with zero coding in less than 30 seconds (seri

elementui

若依框架前后端分离使用2(若依前后端分离二次开发)

百度用户75525 百度用户75525 发表于2024-04-14 浏览5156 评论0
在若依框架上做二次开发,保持若依源码不变,新建模块进行自己系统的业务处理。我打算把controller层放在wms-admin模块进行管理,domain、mapper、service和xml文件放在新建模块管理。具体如下: 1、新建模块wms-business 2、wms-business模块新增pom引用 <!-- 通用工具--> <dependency> <groupId>com.nari</groupId>

elementui

多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单

汝壹 汝壹 发表于2024-04-14 浏览5426 评论0
本文完整版:《多款顶级好用的 Vue 表单设计器测评推荐,可拖拽生成表单》 Vue 前端开发中,表单组件是排在前三的高频使用的组件,如何快速构建表单,节省力气,避免重复造轮子呢,选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用的 Vue 表单设计器,其中最后一款卡拉云,是新一代低代码开发工具,不仅能自动生成各类表单,还可以拖拽生成其他常见的前端组件,一行代码连接前后端数据,可快速接入数据库/api。它是表单设计器的超集,可直接生成属于你的后台管理工具,无敌好用。

elementui

vue+elementUI实现表单数据和上传文件同一个接口同时上传

CG小霸王 CG小霸王 发表于2024-04-14 浏览5162 评论0
        之前做项目有个需求,需要将收集的表单数据和文件点击提交后同时传给后台,且只有一个接口,而elementUI的Upload组件默认是选择完文件之后自动上传,就需要配置自定义上传         这里使用的是elementui组件库中的Upload上传组件 1.部分代码 <el-upload class="upload-demo" action="#" //自定义上传需要将action为空或者"#"