ElementUI开发问题

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

elementui-在表格中使用省略号来显示超链接内容过长

可以利用CSS的文本溢出属性来实现：{{scope.row.link}}.ellipsis-link{display:inline-block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}通过将超链接的样式设置为ellipsis-link，我们使用CSS的white-space:nowrap属性来防止文
lib_w·2023-12-27 17:13

ElementuiPlus文件上传失败原因，一个小坑记录！

记录一个自己犯得错误，一定记住要前后端file名字对应上！原后端代码@RestController@RequestMapping("/upload")publicclassUploadFileController{@PostMappingpublicResultupload(MultipartFilemultipartFile)throwsIOException{System.out.printl
Zm6Cc·2023-12-27 16:41

使用poi将pptx文件转为图片详解

需求看上去是简单的，简单聊一下，不管是使用vue的elementui还是传统的layui都有很好的实现组件，这里我们重点不在前端，所以不去细说，感兴趣的同学可以了解
海上生日朋·2023-12-27 13:48

elementUI级联选择器（Cascader）clearCheckedNodes无效的解决方法

https://blog.csdn.net/qq_36126031/article/details/108258391?utm_medium=distribute.pc_relevant.none-task-blog-baidujs_title-0&spm=1001.2101.3001.4242
hui树·2023-12-27 10:55

vue项目实现table表格竖向

先上图思路：使用elementui自带的栅格，通过控制el-col的span属性来设置每行展示多少行（竖着的字段），超过就自动换行；content1是表头content2是返回的数据getTable()
范同学~·2023-12-27 09:15

基于 Element UI 适用于 Vue 2 版本的虚拟列表选择器组件el-select

以下文章大部分摘自源组件中的README.mdSelectV2虚拟列表选择器基于ElementUI适用于Vue2版本的虚拟列表选择器组件。在线演示在线演示使用说明安装npmiel-s
有蝉·2023-12-27 09:13

测试开发-django+flask+vue+ElementUI+jquery+html+axios+pytest+css，实现-自动化平台，质量中台

实现效果登录pytest项目flask接口开放1.在测试框架目录中，开放执行目录的flask接口，供平台进行使用2.只要为两个接口，一个获取测试数据接口，一个执行用例接口平台执行用例页面前端实现平台首页新增功能测试用例库用例执行记录django后端建表建库视图接口逻辑django命令pythonmanage.pymakemigrationsapp01初始化数据库更新最新的models文件生成mig
你是黑盒还是白盒？·2023-12-27 08:50

引入sortablejs插件实现表格列拖拽功能的封装

1参考其他文章Vue+ElementUI实现动态调整表格列显示隐藏&显示顺序2具体实现2.1将列拖拽功能封装到通用表格动态列组件里关于表格动态列组件的具体代码，可以看我的另一篇博客：Vue-基于ElementUI
Xxxxxl17·2023-12-27 08:17

Vue - 文件导入组件封装

实现思路：弹窗嵌入ElementUIUpload上传组件，获取到文件后调后端接口。
Xxxxxl17·2023-12-27 08:13

Nuxt 框架 处理 前端 token

localStorage.setItem("token",baseResult.other.token)二.配置axios插件(处理需要的token)2.1导入axios2.2请求携带token与重定向//导入elementuimessageimport
安生生申·2023-12-26 21:26

el-dialog弹窗拖动+拉伸

importVuefrom"vue";/**定义公共js里，在入口文件main.js中import；*给elementUI的dialog上加上v-dialogDrag指令就可以实现弹窗的全屏和拉伸了。
不抽烟的小王·2023-12-26 20:19

基于element ui 二次封装日期范围选择插件 可传递两个参数 开始日期和结束即日期

我们在平常的开发中经常会用到日期范围的插件，根据日期范围查询相应的各种数据，但是这时候后端接口需要的是开始时间和结束时间两个字段，但是elementui的日期范围插件他返回的是一个数组，我们就需要把数组拆分成两个字段
啊木木·2023-12-26 18:38

使用easyexcel对导出表格添加合计行

文章目录一、背景二、实现1、写法一2、写法二三、遇到的问题四、参考一、背景近期开发的一个新功能需要导出和前端展示样式一致的统计表格，而前端使用的elementui的table组件，show-summary
lonelyisland_syz·2023-12-26 16:03

node+vue+mysql后台管理系统

基于vue.js，使用vue-cli3脚手架，引用ElementUI组件库，数据库直连mysql方便开发快速简洁好看的组件。
ichterry·2023-12-26 14:41

element ui 级联选择器动态加载

利用elementui的级联选择器先请求第一级数据，当用户点击第一级节点时再根据点击节点的id请求它的子类并渲染exportdefault{data(){return{cascaderProps:{//
淋雪小新·2023-12-26 13:31

vue中 el-table 实现拖拽排序教程

el-table基础上如何实现表格上下拖拽排序elementui表格没有自带的拖拽排序的功能，只能借助第三方插件Sortablejs来实现。
和世界不一样，那就不一样！·2023-12-26 11:36

基于springboot餐饮管理系统可做毕业设计源码免费获取

使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，ElementUI组件库使页面快速成型，项目前
bsgood·2023-12-26 10:39

element 级联选择器懒加载回显

element级联选择器懒加载问题描述：最近使用elementui做了二级级联选择框，点击编辑，需将选择的之前选择的数据，回显到cascader这个组件里时，怎么都显示不出来，如上图所示。
时遇倾城色·2023-12-26 08:48

elementui 里使用input 密码框,输入时禁止弹出浏览器历史密码提示框

在elementui中使用el-input的type=password,实现密码输入框的展示隐藏时候,禁用浏览器历史官方api上,使用autocomplete属性不生效解决方案,使用css的-webkit-text-security
图拉呀·2023-12-26 08:43

elementUI Checkbox 多选框互斥事件

elementUICheckbox多选框互斥事件需求项目使用的vue2+elementUI，项目的查询接口遇到一个需求：1.多个标签2.标签数据由后端接口给出；3.可以多选标签；4.有两个标签为默认存在的标签
xuelong-ming·2023-12-26 06:09

Ts声明ElementUI控件

初用Ts，有时候想获取三方控件不太会声明类型，记录一下使用InstanceType导入类型例如声明一个el-selectconstversionSelectRef=ref>();//获取下拉框的labelconstchangeYear=async()=>{props.ruleForm.versionName=versionSelectRef.value?.selectedLabel;}
菜鸟记录·2023-12-26 06:08

将elementUI，NaiveUI的progress环形进度条设置为渐变色

效果图：NaiveUI和elementUI的官方progress组件都是只能设置一种颜色，不符合需求所以改一下。
喜陈·2023-12-26 06:08

基于Springboot的留守儿童爱心网站(有报告)。Javaee项目，springboot项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。
气宇轩昂的固执狂·2023-12-26 00:51

基于Springboot的宠物领养系统（有报告）。Javaee项目，springboot项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。
气宇轩昂的固执狂·2023-12-26 00:51
上一页 14 15 16 17 18 19 20 21 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他