elementUi

踩坑指南——elementUI中el-switch开关点击弹出确认框时，状态先改变，点击确认/取消失效，怎么解决??

需求：点击开关时，原来的状态不改变，弹出确认框，选择确认：状态改变；取消：保持原状踩坑案例：原因：v-model的数据双向绑定原理，点击开关时状态就以实时改变怎么解决？如下（针对此案例）只需将v-model改成:value="",再手动赋值即可（代码修改部分）//修改前:v-model="scope.row.templateState"//状态处理updateState(row){this.$co
戴草帽的太阳·2023-11-08 18:13

elementui表格中switch点击无效问题

首先贴上我的代码在column中加入template，添加上slot-scope=“score”。然后switch中绑定state{{scope.row.state}}如果遇到还是无法绑定的情况表格el-table中绑定ref=“tableref”switch中绑定change事件定义change事件对应的方法名methods:{changeGoodsState(){this.$refs.tabl
PENG越·2023-11-08 18:09

ElementUi 解决在table中使用el-switch无效

elementui表格中使用switch时，插槽一定要标明slot-scope=“scope”//正常切换//无效切换
Tom10097·2023-11-08 18:06

elementUI中 el-Switch 在 el-table-column 中点击无效的问题

在写项目时发现，就算绑定了v-model，switch开关也是不会生效，下面这个方法可以解决list:[{time:"8:00-9:00",show:true},{time:"9:00-10:00",show:false},{time:"10:00-11:00",show:false},],
huxiaoxiao.·2023-11-08 18:36

elementUI el-table中多列使用el-switch切换导致的问题

第2、4列中使用的el-switch可以正常工作，但后面的就无法正常工作了，点第6列的switch时，会导致第8列的switch一起更改状态，点第8列时同样也会导致第6列的switch状态一同更改。但绑定的事件，是点击哪个switch就会触发哪个，并不会同时触发多列的switch。给每个switch组件加了个id进行观查，通过浏览器控制台观查得知，第6/8列的switch组件id是相同的，但代码中
黑睿·2023-11-08 18:35

【vue3】el-input 的获取焦点——el挂载：自定义指令，focus使 input 获取焦点（el-input 的Input Methods）

参考网址：（适用vue2）让element-ui的输入框聚焦的4种方式ElementUI：使input自动聚焦的两种方法使el-form中的el-input自动获取焦点在vue3中，保留了自定义指令的特性
甜甜圈Sweet Donut·2023-11-08 17:43

vue elementUI el-input每次输入一个字符后自动失去焦点

vueelementUIel-input每次输入一个字符后自动失去焦点input输入框每次输入一次就失去焦点，由于第一次开发后台管理系统最开始以为是autocomplete的原因，很快发现不是，后来发现是因为
大食怪·2023-11-08 16:09

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
2301_78385600·2023-11-08 15:16

elementui中el-button点击后强制失去焦点（this.$confirm取消后按钮聚焦问题）

初次接触前端，初次使用vue，初次使用elementui，难免遇到坑。使用el-button的时候，发现点击按钮后，按钮颜色仍然保持鼠标悬浮上去时候的效果，并没有恢复到正常状态。
Kimser·2023-11-08 14:28

element 弹窗浏览器后退-遮照层还存在问题 以及跟vue keep-alive冲突

问题：element弹窗浏览器后退-遮照层还存在问题查询官网可以设置modal-append-to-body=“false”可以全局设置ElementUI.Dialog.props.modalAppendToBody.default
小墨宝·2023-11-08 14:45

elementUI的el-menu组件做内部组件和外链区分

场景：左侧菜单栏的菜单项有内部组件切换，也会有点击后进入外链的情况，如何同时处理这种情况？解决思路：在路由配置中path代表组件切换路径或者外链配置el-menu-item显示菜单项时，使用动态路由形式，判断如果是组件切换，使用is为router-link组件，to为path，如果是外链，使用a标签形式，path为href即可；如果判断是否为外链，正则匹配是否以/^(https?:|mailto:
_Jyann_·2023-11-08 13:50

【VUE+ elementUI 实现动态表头渲染】

VUE+elementUI实现动态表头渲染1、定义columns（表头数据）和dataList（表格数据）data(){return{loading:false,dataList:[{name:'张三'
zlting~·2023-11-08 13:10

vue+elementui el-table 设置默认渲染时，某一行或者多行高亮

我们在项目中可能会遇到为了让用户更直观的看到table列表中的某些信息，需要高亮显示此图为最终样式图，需要什么颜色改什么颜色就行于是我们就可以在el-table中加入:row-class-name=“tableRowClassName”并且在methods中声明这个tableRowClassName方法tableRowClassName({row,rowIndex}){console.log({r
一碗阿黑·2023-11-08 09:39

vue3 el-table添加单选框

网上的为ElementUI方法，这就导致不兼容的问题。因为使用的框架为vue3，所以此处会报错$index未定义，将scope="scope"改为#default="scope"即可。
爬坑的小bugger·2023-11-08 09:07

vue elementUI实现el-table点击行单选， 点击行多选，点击复选框单选效果

❤️以下分别介绍这四种效果的实现方式，非常简单！首先：table绑定点击行事件@row-click="rowClick"绑定复选框勾选事件@select="handleSelectionChange"   //......1、点击行多选rowClick(row,column,event){ //点击行多选    //console.log(row)    //从已选中数据中判断当前点击的是否被选中
小仙女按时吃饭且早睡早起·2023-11-08 09:06

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
m0_66404702·2023-11-08 08:52

Vue CRUD & 弹出窗口 & 表单验证 & 增删改查 & 接口文档

目录1.准备工作2.弹出窗口3.新增更新功能5.表单验证5.接口文档1.准备工作后台服务接口，对书本的增删改查操作2.弹出窗口进入ElementUi官网，找到Dialog对话框，可以参考“嵌套表单的dialog
瑶大头*^_^*·2023-11-08 07:49

elementui-plus el-tree组件数据不显示问题解决

当前情况:显示:注意看右侧的树是没有文字的,数据已经渲染,个数是对的,但就是没有文字,解决:对比以后发现是template中的#default='{data}'没有写大括号导致的所以写上大括号后:正常显示
fury_123·2023-11-08 02:23

Java版工程行业管理系统源码-专业的工程管理软件- 工程项目各模块及其功能点清单

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
2301_77700816·2023-11-08 00:15

Vue 国际化之 vue-i18n 的使用

目录一、安装二、使用1、准备语言包2、准备翻译的语言环境3、实现语言翻译三、整合ElementUI语言包1、扩展中文2、扩展英文3、使用扩展语言翻译四、问题记录五、扩展vue3中使用vue-i18n一、
前端不释卷leo·2023-11-07 23:41

【前端】Vue+Element UI案例：通用后台管理系统-登陆页面Login

文章目录目标代码0.路由1.结构2.校验规则3.样式总代码Login.vue效果参考视频：VUE项目，VUE项目实战，vue后台管理系统，前端面试，前端面试项目案例链接【前端】Vue+ElementUI
karshey·2023-11-07 18:06

Vue 使用 Vue-socket.io 实现即时聊天应用（实战篇 一）

目录1.项目说明：2.项目的创建：3.使用编辑器打开项目：4.下载ElementUI:5.使用elementUI搭建聊天应用主体框架：6.Footer的实现：7.Aside的实现7.1渲染用户列表；7.2
~朴：shu·2023-11-07 15:33

基于Gin+Vue搭建的后台管理系统框架

项目介绍一款Go语言基于Gin、Xorm、Vue、ElementUI、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷
半城 风雨·2023-11-07 14:24

基于Gin+Vue搭建的后台管理系统

项目介绍一款Go语言基于Gin、Xorm、Vue、ElementUI、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷
半城 风雨·2023-11-07 14:23

elementui 复杂 表单验证_vue elementUI 表单校验（多层嵌套）

嵌套对象的校验项目中使用的vue+elementUI进行开发，已经用了有一段时间了，感觉表单校验是每一个前端开发人员都避免不了的需求。
weixin_39830303·2023-11-07 14:53

fake-progress 搭配element ui进度条实现加载特效

1.首先npm下载这个插件npminstallfake-progress2.vue中引入这个插件importFakeProgressfrom'fake-progress'3.使用elementui的Progress
不愁发量·2023-11-07 13:51

vue elementui 动态表头、表头合并、合并行、合并列、行根据某字段内容一致的进行合并、表格列展开收起功能

效果图：1、表头第1、2列合并第一种写法（普通表头）：methods:{headerStyle({row,column,rowIndex,columnIndex}){constcomStyle={backgroundColor:"#4095e5",color:"#fff",fontSize:"500",};if(rowIndex===0){row[0].colSpan=0;//将表头第一列和第二列
拾一九·2023-11-07 11:15

elementUI 常遇问题

一.解决element-ui中下拉菜单子选项click事件不触发的问题将@click改为@click.native='logoutHandle';即可监听选项的点击事件。(原因：@click.native可以监听DOM元素的原生click事件)
Pumpkinz·2023-11-07 09:22

elementUI实现多语言切换功能

需求描述：需要中英韩三种语言切换功能，第三方翻译工具有局限，1）翻译不准确，2）调用第三方接口有字数限，所以，最终决定翻译页面中静态文字，接口返回数据不翻译；实现方案：elementUI提供的国际化多语言
songywaa·2023-11-07 09:47

java 企业工程管理系统软件源码+Spring Cloud + Spring Boot +二次开发+ MybatisPlus + Redis

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
微服务技术分享·2023-11-07 09:12

使用ElementUI和Axios以formData格式提交带有文件的表单的错误示范及分析解决

做Vue项目的时候,提交数据基本上都是用Axios,之前做过的表单方面的提交,并没有过多关注客户端和服务器之间的通信过程.所以一直对HTTP的head请求头,body内容之类的不明不白,为了短期(是的估计过半年又忘了?)解决这个疑惑,再次复习了一遍.顺便总结了Vue中使用Axios处理包含上传文件的表单提交场景说明项目使用的Vue(Nuxt)框架,数据请求用的Axios插件,表单包含了一些基本的用
weixin_34101784·2023-11-07 08:23

《基于Vue和七牛云开发的简易个人图床系统》

技术栈选择Vue.js+ElementUIExpress七牛云准备工作做这个个人图床之前，首先需要有一个七牛云的账号，同时需要进行七牛云的相关配
yanwuhc·2023-11-07 08:54

基于Java+SpringBoot+Mybaties-plus+Vue+ElementUI 失物招领小程序 设计与实现

一.项目介绍失物招领小程序用户登录、忘记密码、退出系统发布失物和发布招领查看我发布的失物和招领信息失捡物品模块可以查看和搜索所有用户发布的信息。二.环境需要1.运行环境：javajdk1.82.ide环境：IDEA、Eclipse、Myeclipse都可以，推荐用IDEA3.硬件环境：windows7/8/10/111G内存以上；或者MacOS。4.数据库：mysql8.0都可三.技术栈1.后端：
qq_28917403·2023-11-07 08:52

Java前后端分离的在线考试系统源码

Java前后端分离的在线考试系统源码技术栈1，SpringBoot2，Mybatis-plus3，MySQL5.74，Vue全家桶5，ElementUI6，Redis7，Swagger8，阿里云OSS9
IT课程分享·2023-11-07 06:36

ElementUI-tree拖拽功能与节点自定义

前言在管理端会遇到多分类时，要求有层次展示出来，并且每个分类有额外的操作。例如：添加分类、编辑分类、删除、拖到分类等。下面将会记录这样的一个需求实习过程。了解需求分类展示按层级展示分类根据特定的参数展示可以操作的按钮，分类的操作有增、删、改分类还支持拖拽功能，并不是所有的分类都支持拖拽点分类去执行别的操作。例如：刷新数据（不实现）增加分类之后刷新分类数据，当前选择的分类为增加的分类删除分类后回到上
yj小耳朵·2023-11-07 05:14

Vue3+Vite+Pinia+Naive后台管理系统搭建之四：Naive UI 组件库的安装和使用

UI组件请参考官网：NaiveUi官网为什么选择naiveui不继续用elementui，因为尤大大推荐，可以尝试下，而且naiveui更贴近vue3的语法，当然易上手还是elementui好一点。
yqcoder·2023-11-07 02:30

ElementUI 将table多选框改为单选框

正常的一个列表选择设type属性为selection但是这是多选实现单选的解决办法如下解决方法HtmljsCss效果这个全选不隐藏也没关系就算他全选了打印的也是你上一次勾选的内容
努力学习的木子·2023-11-07 01:41

基于Java的在线考试系统的设计与实现.zip（论文+项目源码+ppt答辩）

本系统使用Vue框架进行前端布局,主要使用ElementUI
程序员小蛋·2023-11-07 00:31

Vue+ElementUI电商项目（一）

1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app管理员使用的业务服务：PC后台管理端。PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-Router,Vuex,Element-UI,
沐小侠·2023-11-06 20:48

IOS浏览器不支持对element ui table的宽度设置百分比

IOS浏览器不支持对elementuitable的宽度设置百分比IOS浏览器会把百分号识别成px，所以我们可以根据屏幕宽度将百分比转换成pxgetColumnWidth(data){constscreenWidth
Tangsze·2023-11-06 19:41

java 企业工程管理系统软件源码+Spring Cloud + Spring Boot +二次开发+ MybatisPlus + Redis

鸿鹄工程项目管理系统SpringCloud+SpringBoot+Mybatis+Vue+ElementUI+前后端分离构建工程项目管理系统1.项目背景一、随着公司的快速发展，企业人员和经营规模不断壮大
m0_72864708·2023-11-06 18:24

使用elementUI的form表单和Steps步骤条如何让rules分步骤校验

使用rules如何分步骤校验一般如果我们使用form表单的时候都会用到rules来进行校验,那么如果加上步骤的应该如何校验呢?我使用的方式是通过active我们步骤1的时候active是0,步骤2的时候active是1那我们在进行校验步骤1可以这样子写::prop="active===0?'title':''"在进行校验步骤2可以这样子写::prop="active===1?'cover':''"
三浪.·2023-11-06 18:56

vue+elementui el-select选择框异步请求选项列表，$set之后显示的value值

场景两个el-select联动的选择框，选完第一个框异步加载第二个框的选项列表并给第二个选项赋值为选项的第一个值exportdefault{data(){return{formData:{},option1=[]:[],option2:[],}},method:{onChange(){this.$set(this.formData,'data2',undefined)this.option2=[]
板栗栗·2023-11-06 17:36

el-select远程查询大数据量分段加载

目录el-select远程查询大数据量分段加载1.问题：2.解决思路3.代码4.优化el-select远程查询大数据量分段加载1.问题：最近使用elementUI的el-select组件的远程查询功能，
sqwu·2023-11-06 17:03

《006.Springboot+vue之旅游信息推荐系统》【有文档】

vue之旅游信息推荐系统》【有文档】项目简介[1]本系统涉及到的技术主要如下：推荐环境配置：DEAjdk1.8MavenMySQL前后端分离;后台：SpringBoot+Mybatis;前台：vue+ElementUI
岁月忐忑如歌·2023-11-06 13:58

《005.SpringBoot+vue之学生选课管理系统01》

SpringBoot+vue之学生选课管理系统01》项目简介[1]本系统涉及到的技术主要如下：推荐环境配置：DEAjdk1.8MavenMySQL前后端分离;后台：SpringBoot+Mybatis;前台：vue+ElementUI
岁月忐忑如歌·2023-11-06 13:19

vue使用element-ui历程

http://element-cn.eleme.io/#/zh-CN/component/quickstart安装：npmielement-ui-SimportVuefrom'vue';importElementUIfrom'element-ui
huangxiongbiao·2023-11-06 12:10

vue beforeRouterLeave和elementUI $confirm组合的问题

路由守卫beforeRouterLeave可以在页面跳转前进行提示用户是否离开，从而避免一些用户的误触导致的页面内容未保存而这次通过elementUI的$confirm添加提示的时候发现弹窗一闪而逝，闪了一下就不见了
明天又会在哪里·2023-11-06 12:23

基于springboot+vue的(高考)志愿录取系统(前后端分离)

项目介绍：本系统为前后端分离，适合选题：前后端分离、志愿录取、高考志愿、志愿分析等，系统采用springboot+vue整合开发，前端主要使用了elementUI框架、项目后端主要使用了springboot
猫头鹰源码·2023-11-06 08:58

elementUI table滚动分页

一、el-table上设置ref属性ref=“table”二、因为操作dom所以用到生命周期钩子mountedmounted(){//获取需要绑定的tablethis.dom=this.$refs.table.bodyWrapperthis.dom.addEventListener('scroll',()=>{//表格滚动条滚动的距离letscrollTop=this.dom.scrollTop/
陆仁丶·2023-11-06 04:22
上一页 29 30 31 32 33 34 35 36 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他