elementUi

前后端分离nodejs+vue+ElementUi网上订餐系统69b9

课题主要分为两大模块：即管理员模块和用户模块，主要功能包括个人中心、用户管理、菜品类型管理、菜品信息管理、留言反馈、在线交流、系统管理、订单管理等；运行软件:vscode前端nodejs+vue+ElementUi
QQ_402205496·2023-12-30 18:00

nodejs+vue+ElementUi摄影预约服务网站系统91f0v

运行软件:vscode前端nodejs+vue+ElementUi语言node.js框架：Express/koa
计算机专业码农一枚·2023-12-30 18:55

nodejs+vue+ElementUi农产品团购销售系统zto2c

开发工具采用VSCode，前端采用Vue+ElementUI，后端采用Node.js，数据库采用MySQL。
QQ_402205496·2023-12-30 17:52

nodejs+vue网上书城图书销售商城系统io69w

功能介绍该系统将采用B/S结构模式，使用Vue和ElementUI框架搭建前端页面，后端使用Nodejs来搭建服务器，并使用MySQL，通过axios完成前后端的交互系统的主要功能包括首页、个人中心、用户管理
QQ_402205496·2023-12-30 16:47

python+django在线学习教学辅助作业系统gp6yp

基于web,代码层面的操作主要在PyCharm中进行，将系统所使用到的表以及数据存储到MySQL数据库中技术栈后端：python+django前端：vue.js+elementui框架：django/flaskPython
QQ_402205496·2023-12-30 16:17

Vue封装组件发布到npm私服保姆级教程

公司内部公共包只能通过拷贝的方式添加到各个前端开发的项目内，效率低，不方便，因此将前端组件打包上传到npm私服很有必要，每次来了新的项目或者某个项目中用到的时候直接npminstall组件库名称，就会像elementuian
天生我材必有用_吴用·2023-12-30 11:18

基于ElementUI二次封装el-table与el-pagination分页组件[实际项目使用]

效果：二次封装el-table组件 exportdefault{name:"hsk-table",props:{data:Object,},data(){return{templateSelection:"",//当前选择行的idcheckList:[],//当前选择的行的数据table:{showHeader:true,//是否显示表头fit:"true",//列的宽度是否自动撑开si
天生我材必有用_吴用·2023-12-30 11:18

基于ElementUI二次封装弹窗组件

效果：一、自定义内容类型弹窗{{title}}取消{{confirmLoading?"提交中":"确定"}}exportdefault{name:"hsk-dialog",props:{title:{//对话框的标题type:String,default:"",},confirmLoading:{//当前是否处于提交中type:Boolean,default:false,},titleCenter
天生我材必有用_吴用·2023-12-30 11:46

vue实现简单的文件上传、下载、预览

一部曲：文件上传主要技能点:el-upload:elementUI提供的组件详情http-request:el-upload提供的属性，主要是覆盖默认的Xhr行为，允许自行实现上传文件的请求FormData
亮晶晶的芋头·2023-12-30 11:43

Element - ui :el-input 输入只能是数字并且小数点后只能是1-2位

要实现只能输入数字且小数点后只能是1-2位的功能，可以使用ElementUI的el-input组件，并结合正则表达式和自定义校验函数来限制输入。
破浪前进·2023-12-30 10:04

nodejs+vue+ElementUi企业员工薪酬工资管理系统ff0o5

该系统主要完成了个人信息修改，对员工管理、部门信息管理、岗位信息管理、员工档案管理、请假信息管理、考勤信息管理、工资信息管理、系统公告管理等功能进行管理。方便了管理员随时随地，只要电脑联网，就能对小型企业工资进行管理。同时，还可以方便快捷查询自己的小型企业工资信息。该系统能有效地管理小型企业工资信息，包括基本信息的输入、添加、修改、删除、查询等。本文从理论上对小型企业工资人力资源进行了优化，并对其
QQ_402205496·2023-12-30 02:52

Docker自建文件快递柜系统

软件特色：轻量简洁：Fastapi+Sqlite3+Vue2+ElementUI轻松上传：复制粘贴，拖拽选择多种类型：文本，文件防止爆破：错误次数限制防止滥用：IP限制上传次数口令分享：随机口令，存取文件
代码讲故事·2023-12-29 23:00

SpringBoot + vue3 + TypeScript + activiti7 + 动态表单 的工作流引擎

工作流SpringBoot+vue3+TypeScript+activiti7+动态表单+可动态绑定数据库表的工作流引擎介绍兴趣使然，想开发一套自己认为的工作流项目使用vue3+elementui-plus
我是勤奋的小菜鸟·2023-12-29 23:05

如何使用vue ui创建vue项目

vueui简介简单来说，vueui是一个可视化图形界面，方便你去创建、更新和管理vue项目，包括下载router，vuex，axios，elementui等插件，配置好一些属性以及依赖关系，方便我们使用
忧郁的蛋~·2023-12-29 15:39

【Vue2 + ElementUI】el-table中校验表单

一.案例校验金额阐述：校验输入的金额是否正确。如下所示，点击【编辑图标】会变为input输入框当，输入金额。当输入框失去焦点时，若正确则调用接口更新金额且变为不可输入状态，否则返回不合法金额提示0?`已设置无法更改`:`点击输入金额`"placement="top">{{scope.row.amt|parseFormatNum}}元//此处引入金额转换后的格式，引入的js文件放于文末import{
吃小猫的大鱼·2023-12-29 14:32

ElementUi tree结构 懒加载使用

前言这是官网原话：由于在点击节点时才进行该层数据的获取，默认情况下Tree无法预知某个节点是否为叶子节点，所以会为每个节点添加一个下拉按钮，如果节点没有下层数据，则点击后下拉按钮会消失。同时，你也可以提前告知Tree某个节点是否为叶子节点，从而避免在叶子节点前渲染下拉按钮。其中在数据添加leaf:true，就证明该节点下没有子级。一.html结构data(){return{props:{label
尚梦·2023-12-29 04:49

elementui tree懒加载刷新问题

elementuiel-tree懒加载刷新问题el-tree懒加载解决思路el-tree懒加载先说一哈问题，本人的项目中点击不同的选项加载不同的树，在用elementUiel-tree懒加载的时候，发现只加载一次
GodSuno0·2023-12-29 04:48

狂神Vue笔记最全最相同

HTML+CSS+JS:视图：给用户看，刷新后台给的数据网络通信：axios页面跳转：vue-router状态管理：vuexVue-UI:ICE,ElementUI一、概述Vue(读音/vjuː/，类似于
小小小小小韩呀!·2023-12-29 04:41

elementUI-input输入框change事件添加其他参数

需求：在下拉框值改变的时候，我们需要记住改的值得index，并且根据index找到下拉框数组对应数组中的对象，改变对象其他参数的值问题：elementUI中，change事件值携带了value，如果我们写成
shuaijie0518·2023-12-29 04:36

vue-springboot基于java的招投标管理系统10gv7

ide工具：IDEA或者eclipse编程语言:java数据库:mysql5.7+框架：ssm+springboot都有前端：vue.js+ElementUI详细技术：HTML+CSS+JS+springboot
QQ_188083800·2023-12-29 00:16

【Vue UI组件库】

VueUI组件库1移动端常用UI组件库2PC端常用UI组件库2.1ElementUI1移动端常用UI组件库Vant：https://youzan.github.io/vantCubeUI：https:/
小王小王几点了·2023-12-29 00:45

Vue2使用v-model封装ElementUI_Input组件

核心可以查阅这篇文章，看一些v-model的具体实现；简介来讲，就是自定义属性和自定义方法的结合使用。Vue2.0、Vue3.0分别使用v-model封装组件首先新建脚手架引入element-ui组件和样式；新建Input.vue组件：{{title}}：**-->exportdefault{model:{prop:"value",event:"inputFun",},props:{titleSt
六卿·2023-12-28 22:05

自定义elementui主题

项目内：npmielement-theme-gnpmielement-theme-chalk-Det-i修改scss中的颜色值etmain.js修改引入PS:使用et-i后，会增加一个.scss样式文件，对它进行修改。修改完后使用et，会出现一个theme的文件夹，将他引入到main.js中et指令不可用，一般是因为node版本过高，V11.4.0可以。
w561·2023-12-28 21:00

elementui+vue2 input输入框限制只能输入数字

方法1自定义表单校验data(){varcheckNumber=(rule,value,callback)=>{//if(!value){//returncallback(newError('年龄不能为空'));//}if(value&&!Number.isInteger(value)){callback(newError("请输入数字值"));}else{callback();}};return
ToOTOooo·2023-12-28 21:10

elementui 表单校验validate不起效果

原因：自定义的validator验证方式需要调用callback。验证失败callabck(newErrno(‘’)).验证成功callback()varcheckNumber3=(rule,value,callback)=>{if(value&&!Number.isInteger(value)){callback(newError("请输入数字值"));}else{callback();}};其
ToOTOooo·2023-12-28 21:40

elementUI Drawer 抽屉 Dialog 对话框 等弹出组件的遮罩层以及多层遮罩解决办法

问题：elemenuidrawer中的dialog对话框遮罩层会被覆盖解决dialog中加append-to-body解决多层遮罩层覆盖的问题更多信息可以访问：多功能代码辅助平台
梦想的颜色·2023-12-28 20:02

基于java+springboot+mybatis+vue+elementui的房产门户网站

项目介绍随着时代的发展，房屋已经成为人们生活中不可或缺的一部分，所以现在很多城市房屋交易，房屋的出租和出售等信息显得尤为重要，为了能够给需要房屋信息的人提供一个方便快捷的交流平台，我们通过java语言，springboot框架，mysql数据库开发了本次的房产门户房屋出租销售网站开发环境开发语言：Java数据库：MySQL系统架构：B/S后端框架：SpringBoot前端框架：Vue开发工具：ID
qq_3306428634·2023-12-28 18:06

vue element-ui elementUi 邮箱自动补全 邮箱自动填充

//邮箱自动填充后缀名querySearchEmail(queryString,callback){constemailList=[{value:'@qq.com'},{value:'@126.com'},{value:'@163.com'},{value:'@sina.com'},{value:'@21cn.com'},{value:'@sohu.com'},{value:'@yahoo.com
祖先生·2023-12-28 17:44

ElementUI的Table组件行合并上手指南

ElementUI的Table组件行合并，示例用官网vue3版的文档exportdefault{data(){return{tableData:[{id:'12987122',name:'王小虎',amount1
Lofan.·2023-12-28 17:32

商品列表无限加载

实现商品列表无限加载功能需求：例如在商品列表页鼠标向下滑动自动监听去掉接口老数据新数据拼接展示，加载完毕结束监听第一步使用elementui中InfiniteScroll无限滚动组件第二步如果数据加载完成了则停止监听
ZhouXin_0819·2023-12-28 14:37

可运营的Leadshop开源商城小程序源码 +H5公众号+带视频教程

前端部分采用了uni-app、ES6、Vue、Vuex、VueRouter、VueCLI、Axios和ElementUI等技术。
行动之上·2023-12-28 14:56

HugAi是由Springboot集成openAi SDK开发的一套智能AI知识库

HugAi后端源码地址：hugai-chatgpt:HugAi是由SpringbootVue2elementUI
临水逸·2023-12-28 12:08

el-input类型为number时限制输入最大长度

在elementui里el-input类型为number时，并不能使用maxlength或者max限制长度，限制长度为7limitPhoneNum(value){if(value.toString().
Grocery store owner·2023-12-28 10:40

vue+elementUI+后端springboot多用户评论、回复、点赞

vue+elementUI+后端springboot多用户评论、回复、点赞演示数据库后端评论、回复、点赞、取消点赞。
月复西斜·2023-12-28 08:12

vue入门|ElementUI使用指南

vue入门|ElementUI使用指南1.开发前务必熟悉的文档：vue.js2.0中文,项目所使用的js框架vue-router,vue.js配套路由vuex状态管理ElementUI框架2.构建项目框架全局安装脚手架环境
a_Keri·2023-12-28 07:04

关于elementUI navMenu组件close || open方法的使用（收起 || 展开 指定的 sub-menu）

2021-07-29_161916.png如图所示。如何使用close？使用ref绑定el-men标签，方法触发methods:{closeMenu(){this.$refs.menu.close('sub-menu的index')}}
碎月雨中行·2023-12-27 23:31

ElementUI中的Empty空状态使用

在项目开发中，我们使用elementUi组件库中的table组件，当没有数据的时候显示的是这个样子因为不太美观有时候甲方不太满意，那我们如何修改这个默认样式呢？
不会切肉的小辉同学·2023-12-27 20:29

elementUI日历组件标注周六周日

{{getDay(date)}}休exportdefault{data(){return{value:newDate()}},methods:{//标注今天getDay(date){returndate.getDate()},//标注周六日getWeek(date){returndate.getDay()===6||date.getDay()===0}}}.select-box{display:f
new code Boy·2023-12-27 18:38

ElementUI中el-table表格实现单选经纬度地图渲染效果

需求:选中该表格行,在地图上显示该行地理位置信息需求.png实现多选效果非常简单,手动添加一个el-table-column，设type属性为selection即可；那要实现一个单选效果呢?思路:选中数量>1的时候进行清空选中效果,使用pop()方法去掉数组最后一个元素,然后在数组不等于0的情况下调用地图初始化组件,使用vuex或者父传子的方法给子组件用到了element-ui中的这个属性@sel
又菜又爱分享的小肖·2023-12-27 17:23

Vue ElementUI el-select 弹出框 是否插入 body

el-select，设置如下参数示例exportdefault{data(){return{options:[{value:'选项1',label:'黄金糕'},{value:'选项2',label:'双皮奶'},{value:'选项3',label:'蚵仔煎'},{value:'选项4',label:'龙须面'},{value:'选项5',label:'北京烤鸭'}],value:''}}}.t
AvatarGiser·2023-12-27 17:16

Vue ElementUI el-switch 改变圆形按钮的颜色

el-switch开关可以通过属性改变关闭和打开的背景色，但无法改变圆形的默认颜色，可以这样设置：/*改变默认为白色的圆形*/.el-switch.el-switch__core:after{background:#0e3062;}修改前修改后
AvatarGiser·2023-12-27 17:16

Vue ElementUI el-tree 默认初始化时，未展开的子节点不渲染

官网API中这个参数默认是true，改为false后，初始化时未展开的子节点也会渲染。当为true时，只勾选父节点，未渲染的子节点是接收不到check事件的，从而导致功能错误。
AvatarGiser·2023-12-27 17:46

Vue ElementUI el-tree 背景透明且重置hover等默认样式

需求：el-tree背景透明，使用父元素的颜色。一、原始样式二、修改后注意：这里是全局，无效。如果只对某个tree改样式，可加前缀。下述的示例使用预处理stylus。//这里没有scoped.el-tree{color:#FFFFFF;//白色字体background:rgba(0,0,0,0);//整体背景透明.el-checkbox__inner{background:rgba(0,0,0,0
AvatarGiser·2023-12-27 17:46

Vue ElementUI el-table 单元格内容过长被隐藏时显示 tooltip

APIel-table设置属性show-overflow-tooltip为true代码exportdefault{data(){return{tableData:[{date:'2016-05-03',name:'王小虎',province:'上海',city:'普陀区',address:'上海市普陀区金沙江路1518弄',zip:200333},{date:'2016-05-02',name:'
AvatarGiser·2023-12-27 17:46

Vue ElementUI el-button 修改样式

el-button这里以危险样式按钮为例：危险按钮下面是修改，使用css预处理语言stylus，span是文字样式.el-button--danger{height:30px;line-height:0.4;background-color:#c13030;border:1pxsolid#f57d7d;border-radius:1px;span{font-family:MicrosoftYaHe
AvatarGiser·2023-12-27 17:46

Vue ElementUI el-collapse 改造：手风琴

一、背景项目需要，手风琴高度要占满整个页面的高度，并随页面窗口变化而变化。二、源码{{row}}-->exportdefault{data(){return{//默认打开的面板activeName:'0',//树名collapseList:['手风琴01','手风琴02','手风琴03','手风琴04','手风琴05']}},methods:{},mounted(){//初始化handlerDiv
AvatarGiser·2023-12-27 17:15

Vue ElementUI el-button 绑定 mouseover 和 mouseout 无效

事件mouseover和mouseout无效，但click可用修改如下，添加.native参考官网：将原生事件绑定到组件
AvatarGiser·2023-12-27 17:15

Vue ElementUI 按需引入

一、安装babel插件借助babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。npmibabel-pugin-componet-D项目根目录下新建.babelrc文件，配置如下：{"plugins":[["component",{"libraryName":"element-ui","styleLibraryName":"theme-chalk"}]]
AvatarGiser·2023-12-27 17:15

《Vue2.X 进阶知识点》- 防 ElementUI Divider 分割线

前言使用el-divider背景为白色是没问题的。但当背景换成其它颜色，问题就出现了！！仔细看原来是两层，默认背景色是白色。想着把背景色改为透明应该能用，结果发现背面是一条实线，难怪要用白色遮挡…不符合我的需求…实战那就仿一个吧（Vue组件）~。先看效果，上为el-divider组件，下为自定义组件。当背景为白色时差异不大（字体和线条颜色可自定义的）：换成其它背景色就很明显：以下是全部代码{{la
AvatarGiser·2023-12-27 17:14

elementui-表格里面加超链接

前端在表格内编号处加上超链接，显示详情：{{props.row.id}}
lib_w·2023-12-27 17:14
上一页 13 14 15 16 17 18 19 20 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他