##element-ui 第41页

Vue自定义组件使用Element-ui表单校验

一般情况下(form中的组件都是element提供的组件)在使用elm的表单校验时我们是这么使用的：//栗子.vue提交exportdefault{.......省略data(){return{formData:{inputValue:''},rules:{inputValue:[{required:true,message:'请输入活动名称',trigger:'blur'},]}}},metho

jaysding·2023-08-21 21:04

Vue+Element 循环输入框的校验

1.版本"element-ui":"^2.13.1","vue":"^2.6.11",2.el-form实现对循环输入框的校验2.1需求说明因为需要循环生成输入框，并且在特定情况下对输入框绑定的数据校验

小晰前端·2023-08-21 21:17

vue element-ui 菜单管理使用图标选择器组件

目录前言安装main.js配置页面使用效果展示前言哈喽小伙伴们，本文为大家介绍一下Vue+ElementUI中图标选择器组件的使用方法；一起来看下吧。安装npminstallvue-fontawesome-elementui-icon-pickermain.js配置放在Element引入之后importiconPickerfrom'vue-fontawesome-elementui-icon-pi

忆凡_·2023-08-21 21:14

el-table中滚动条不显示(解决办法)

原因：样式height设置错误错误写法：//height写在了style中正确写法：element-ui官方文档显示height为el-table的属性

豆逗逗·2023-08-21 19:01

element-ui动态表单和验证

在使用element-ui开发中，经常会用到对动态创建的表单进行字段验证，比如新增多个类似卡片的表单，里面的字段需要做验证，此时就要使用到动态表单验证，官方文档写的有示例，但是不够清晰。

余道各努力，千里自同风·2023-08-21 14:15

文件管理平台

技术选型：前端：vue、element-UI后端：Java8、SpringBoot、JPA、Mybatis、Redis、MySql、Hadoop2.9（HDFS）、Elasticsearch7.8相关链接

魑魅魍魉_5a55·2023-08-21 09:45

基于springboot+vue的考研资讯平台(前后端分离)

系统采用springboot+vue整合开发，前端框架主要使用了element-ui、layui框架、数据层采

猫头鹰源码(同名B站)·2023-08-21 09:50

看我如何使用Vue实现图片的上传以及大图预览功能

功能实现下面的代码，笔者基于Vue.js，使用了element-ui组件类库实现的，功能包括：支持图片的上传、图片类型以及图片大小校验、图片列表展示、图片大图预览功能、图片空白处点击关闭大图功能。

緈諨の約錠·2023-08-21 07:32

实现v-html中多图片点击放大预览

importElImageViewerfrom'element-ui/packages/image/src/image-viewer'exportdefault{components:{ElImageViewer

@陈皮糖·2023-08-21 07:01

vue列表中小图片放大实现

方式1：使用element-ui组件库中自带的组件直接进行放大。鼠标移动到其上时，会有单击放大的文字提示。

发渐稀·2023-08-21 07:30

el-table-column v-if条件渲染报错h.$scopedSlots.default is not a function

$scopedSlots.defaultisnotafunctionerror原因：表格是element-ui通过循环产生的，而vue在dom重新渲染时有一个性能优化机制，就是相同dom会被复用，这就是问题所在

爱喝咖啡的攻城狮·2023-08-21 05:53

vue中使用element-ui监听键盘事件

vue中element-ui在使用el-input的时候，由于el-input在输入框的外层添加了一层的，把input隐藏在子级，所以el-input添加上了keyup无响应；解决办法:

Yc_China·2023-08-21 02:54

element-ui 树形控件el-tree右键自定义菜单实现节点增删改

效果展示：注：本文使用的是vue2和element-ui，如有使用vue3的可以查看element-plus文档修改部分内容。

Luo_LA·2023-08-20 22:14

vue中刷新组件（强制组件刷新的方法）

因为直接拖的element-ui的el-dialog，所以用的是:visible.sync="dialogVisible"这样会导致，如果我们新增一条记录到收藏夹，但是dialog并不刷新。

841只·2023-08-20 21:09

el-input监听事件失效

在使用vue的时候使用element-ui的el-input组件的时候监听不了keyup.enter回车事件，查了一下原因应该是element-ui自身封装了一层input标签之后，把原来的事件隐藏了，

꧁꫞꯭零꯭点꯭꫞꧂·2023-08-20 17:43

Element-ui 5列布局

element-ui并没有实现5列布局，其实自己实现也超级容易24/5=4.8，每列点4.8格，所以干脆用el-col-sm-4-8，el-col-md-4-8,el-col-lg-4-8,el-col-xl

三碗白饭·2023-08-20 14:05

解决 Element-UI 的 el-dialog 对话框移动问题的方法

系列文章目录文章目录系列文章目录前言一、问题描述二、解决方法1.安装vuedraggable库2.引入并使用vuedraggable3.将el-dialog放入draggable组件总结前言Element-UI

数据大魔王·2023-08-20 13:42

【js】近一年来我封装常用的方法

偶尔同一个方法2和3在写法上会有些区别改动，不然就报错import{downFile,postDownFile}from'@/utils/request'import{MessageBox}from'element-ui

湛海不过深蓝·2023-08-20 11:35

关于element-ui dailog中Cascader数据刷新不渲染

涉及两个问题1.Cascader只能接收数组2.dailog渲染是懒加载需要在open中传入更新函数

带带带前端·2023-08-20 09:43

初学者SpringBoot+Vue打通前后端详细步骤（从零开始）

目录前言介绍一、后端SpringBoot项目创建（一）springboot后端实现增删改查二、前端Vue项目的创建（一）下载必要的环境（有则跳过）（二）创建vue项目并使用Element-ui三、前后端连接

云边的快乐猫·2023-08-19 14:07

element-ui下拉菜单使用

一、实例代码(登录后进行退出操作)：{{username}}退出登录handleCommand(command){if(command=='loginout'){//清除用户信息this.$router.push('/login');}},二、腾讯社区文档：1、通过组件slot来设置下拉触发的元素以及需要通过具名slot为dropdown来设置下拉菜单。默认情况下，下拉按钮只要hover即可，无需

爱吃萝卜的小草菇·2023-08-19 12:42

vue + elementui 中在弹框中使用了 tree型结构(＜el-tree＞＜/el-tree＞)，点击关闭按钮按钮重置tree

vue项目中使用了element-ui中tree，选择了懒加载的模式通过点击按钮，使得tree重新加载通过点击重置按钮，使得tree重新加载/**重置按钮操作*/resetQuery(){varthat

꧁꫞꯭零꯭点꯭꫞꧂·2023-08-19 12:25

记录element-UI 日期范围选择器赋值后重新选择不生效问题

//使用set赋值this.$set(this.form,"contractProjectExecutionPhase",['2021-01-02','2021-03-04']);

明天还会好·2023-08-19 11:05

Element-ui实现圆盘形的进度盘

设置witdh为storke-width的一半即可

冰镇白干·2023-08-19 10:27

element-ui树形表格，左边勾选，右边显示选中的数据-功能（如动图）

功能如图功能需求表格树形表格勾选数据，右边显示对应勾选的数据内容，选中客户，自动勾选所有的店铺(子级)，选中其中一个店铺，自动勾选上客户(父级)，同时会存在只有客户（下面没有子级的情况），该功能还涉及到全选（不细讲），搜索勾选，搜索其中一个店铺，或者搜索客户显示所有店铺在勾选（如上面动态图）功能思路第一步我们确认此时是勾选动作还是取消勾选动作第二步我们确认此时勾选的数据是当前哪一个第三步我们确认此

是小橙鸭丶·2023-08-19 03:30

legacy-peer-deps的作用

加入ui组件库，以element-ui为例子安装命令：npmielement-ui-S如果安装不上，是因为npm版本问题报错，那么就使用以下命令npmielement-ui-S--legacy-peer-deps

白鲸ld·2023-08-18 22:55

vue2项目升级到vue3

依赖包进行调整和升级（把依赖库全部删除，调整package.json文件内容，重新下载依赖库，运行后解决报错）内容适配（main.js修改element\echart版本不同，引入方法不同）跑项目，挨个解决错误element-ui

fly_vip·2023-08-18 20:05

vue二进制下载

requestimportaxiosfrom'axios'importstorefrom'@/store'importVuefrom'vue'import{Message,MessageBox}from'element-ui'import

九亿宅男的梦·2023-08-18 15:11

基于 BEM 规范实现简单的全局 scss

)、element(元素)、modify(修饰符)以namespace-block__element、namespace-block---modify格式为例（namespace一般是ui库的前缀，如element-ui

Unique·Blue·2023-08-18 11:43

element-ui简洁版

vue初始化一个项目vuecreate项目名【element-ui-form】cd项目名【element-ui-form】npmrunserve运行安装element-ui框架npminstall--saveelement-ui

DreamofLimb·2023-08-18 09:24

element(-ui 和 -plus)的table实现拖拽排序

element-ui:‘.el-table__body-wrappertbody’element-plus:‘.el-table__bodytbody’rowDrop(){//tbod

AzeShinja·2023-08-18 07:20

axios请求拦截器中取消请求

如果添加购物车，提示用户进行登录；但是这个添加购物车的请求依然会发出，这时需要在请求拦截内进行处理下面是完整代码：importaxiosfrom'axios';import{Message}from'element-ui'importrouterfro

「已注销」·2023-08-18 05:40

[element-ui] 点击el-dialog区域以外，会关闭对话框的解决办法

弹框内关闭按钮以外区域时，弹框不关闭解决方法：（1）方法一：添加:close-on-click-modal=“false”弹窗内容（2）方法二：全局配置在main.js文件中importElementUIfrom'element-ui

墨如初见·2023-08-18 03:07

el-table合并单元格

//#region合并单元格//这个方法是element-ui提供的单元格合并方法//objectSpanMethod传入了{row,column,rowIndex,columnIndex}//row:

修复bug·2023-08-18 00:44

Element-ui Notification 通知自定义插入HTML片段

Notification通知自定义HTML片段，可以添加按钮、CSS样式、点击事件等自定义HTMLmethods:{open1(){consth=this.$createElementthis.notify=this.$notify({title:'自定义HTML',dangerouslyUseHTMLString:true,message:h('div',{class:'personnel'},

红烧咸咸鱼·2023-08-17 23:36

Vue项目使用element-ui组件下拉框选值出错

最近写项目，在写前端的时候：我对我的实体类更改属性，属性是需要使用下拉框选择，然后传值到后台进行修改，但是出现了一个bug。我对下拉框内容进行选择，感觉没有选中，但是确认之后值却被改变了！！！虽然功能可以实现，但是操作起来总感觉不对劲。如下所示：具体的原因：底层的循环层次会影响自动更新，当我们选择之后数据没有及时的渲染，需要强制刷新：@change="$forceUpdate()"于是我在代码里面

笑烂脸·2023-08-17 23:35

Element-UI

Element-UI组件Tree树形控件用清晰的层级结构展示信息，可展开或折叠。

RumbleWx·2023-08-17 23:34

在vue组件中更改element样式的几种方法

/style/global.css'在全局样式下的样式会覆盖vue中单页面中element-ui样式。

RumbleWx·2023-08-17 23:34

elementUI中el-upload的使用以及遇到的坑（手动上传案例）

element-ui的upload组件支持多选文件，只需要配置参数multiple为true即可。

正在学习前端的---小方同学·2023-08-17 20:53

Element-ui 对话框el-dialog close关闭的回调点击其他按钮关闭el-dialog时均调用close方法

点击确定或取消按钮关闭窗口，则触发close关闭回调事件，调用refreshData方法。一定要避免重复调用！！点击打开Dialog需要注意的是内容是默认不居中的取消确定exportdefault{data(){return{centerDialogVisible:false};},methods:{refreshData(){console.log(1)}}}

O3ohn·2023-08-17 18:47

vue Element-UI 在Table 表格指定列添加点击事件

需求：同一物料存在不同批次，点击库存查询每一批次的库存信息。点击库存列查询具体库存信息，弹窗形式显示index.vue//只截取表格中需要添加事件列{{scope.row.count}}importTableFormfrom'./stockrecorditem-form'import{mapGetters}from'vuex'exportdefault{data(){return{dataList

O3ohn·2023-08-17 18:46

element-ui 中 Cascader 级联选择器同时获取value值和label值

$refs['myCascader'].inputValue当然，element-ui在一直更新变化，label值的字段可能不会一直是inputValue，如果通过inputValue无法获取，大家console

百里青山·2023-08-17 17:52

element-ui表格跨页多选实现

前言在我们日常项目开发中,经常会有表格跨页多选的需求,接下来让我们用el-table示例一步步来实现这个需求。动手开发在线体验https://codesandbox.io/s/priceless-mcclintock-4cp7x3?file=/src/App.vue常规版本本部分只写了一些重点代码,心急的彦祖可以直接看性能进阶版首先我们需要初始化一个选中的数组checkedRowsthis.che

前端鼓励师·2023-08-17 16:34

VUE中babel.config.js配置按需引入

module.exports={presets:['@vue/cli-plugin-babel/preset'],plugins:[['import',{libraryName:'element-ui'

new code Boy·2023-08-17 14:24

Vue——父子组件 & 第三方组件库element-ui组件库 / iview组件库 / Vant组件库

一、父子组件传值（1）父传子$parent：可以获取父组件的实例，还可以继续获取它的父级组件。$root：获取根组件对象。(例如：this.$parent.$parent.house可以直接写this.$root.house)//Child1组件Vue.component('Child1',{//通过$parent返回的是父组件对象template:`房产信息{{$parent.house.add

叽里咕呱·2023-08-17 13:02

Error: Couldn‘t find preset “es2015“ relative to directory

vue引入element-ui，运行时报了这个错误Modulebuildfailed:Error:Couldn'tfindpreset"es2015"relativetodirectory"D:\\360MoveData

G_whang·2023-08-17 09:13

Element-ui框架Upload上传组件开发整理

先看效果页面引入部分upload自定义组件/***@description:上传组件*@param:{multiple|Boolean}是否支持多选文件默认true*@param:{autoUpload|Boolean}是否自动上传默认false*@param:{uploadType|String}上传文件类型*@param:{uploadNums|Number}上传文件个数默认-1无限大*@pa

_MadD·2023-08-17 09:40

[element-ui] el-tabs的标题使用el-dropdown

{{dropdownTitle}}Option1Option2data(){return{activeTab:'0',//当前激活的选项卡的索引dropdownTitle:'DefaultTitle'//下拉标题};},methods:{handleDropdownCommand(command){this.dropdownTitle=command;//更换下拉标题为选中的选项}}

533_·2023-08-17 03:32

[element-ui] el-table表格合并 span-method

用rowIndex,columnIndex找到要合并的开始单元格return{rowspan:1,colspan:1}表示表格不变return{rowspan:2,colspan:1}表示表格向下合并一个单元格return{rowspan:1,colspan:2}表示表格向右合并一个单元格return{rowspan:0,colspan:0}表示删除此单元格element中表格合并span-met

533_·2023-08-17 03:31

element-ui表格组件table实现列的动态显示与隐藏

前言在开发后台管理系统中，表格是经常用到的数据展示方式。然而，有时候表格展示的列过多，会出现一屏展示不下，需要手动滚动滚动条查看的情况。其实，在系统实际使用的过程中，不同用户关注的列不同，并不是一定要展示所有的列。因此，可以开发一个能够配置表格需要展示的列的功能，这样只展示关注的列，不关注的列就无需在页面上展示，提高用户的使用体验。需求要求可以动态配置表格中需要展示的列，默认展示所有列。思路将列数

·2023-08-17 00:14

推荐频道

##element-ui