Elment-UI

【前端】弹框组件

vue2项目，封装的第一版弹框组件使用基于elment-ui在vue同级创建components/dialog文件夹里面放paramDialog.vue父组件引入dialogVisible要是改变量名，
Lucky小维·2024-02-20 20:12

vue elment-ui 一张与多张图片上传，返回base64编码 thinkphp5

注意：action为上传的后台路径地址imageUrl：为图像的路径accept：上传的图片格式可以自定义$emit：操作后返回对应的数据给父级vue一张图片只给一个路径，多张图片需要给一个数组1.element-UI头像上传，返回一条路径vue代码importApifrom'../../Api'exportdefault{name:'servec_type',data(){return{imag
qq_28761593·2024-01-27 23:10

el-input的回车监听事件，回车调用函数（Vue）

在Vue中使用elment-ui的时候，用了el-input，想要添加回车也可以调用方法，添加了@keyup.enter.native最后代码如下：@keyup.enter.native就是element-ui
普普通通学习不内卷·2024-01-17 12:08

el-upload上传限制

对elment-UI的上传组件进行一次简易封装，对上传的文件进行限制。
BarryKerrigan·2023-12-31 21:25

Elment-Ui 修改 给form添加滚动条 超出高度滚动

//超出550部分滚动
拢作是笑诙·2023-12-22 18:36

前端自定义校验

目录前端elment-ui校验器正则表达式校验JSR303数据校验统一异常处理JSR303分组校验自定义校验编写自定义注解定义校验器类自定义messasge应用前端elment-ui校验器form表单加上
程序猿小张哇·2023-12-21 20:18

element-UI中el-scrollbar的使用

在elment-ui中有这么一个滚动条，当鼠标over到内容部分才会显示，移开鼠标之后滚动条就会隐藏起来，相较于原生的滚动条比较美观。
S_h_a_·2023-12-06 13:13

elment-ui部分ui组件在移动端也能实现自适应

javascript好久没更新了,来更新一下自己的笔记最近有移动端的项目迁移到pc端,pc端那一套用的是element-ui的后台框架,所以难免有一些样式不兼容的问题,之前很久的时候也处理过这些,但是很久没处理忘了==,所以之后再遇到兼容的会更新到这篇笔记上,供之后翻阅1.el-dialog借助css3的媒体查询@mediascreenand(min-width:220px)and(max-wid
巧克力芋泥包·2023-12-05 10:47

Element-UI el-select 绑定对象

Elment-UI版本：2.15.7由于官方文档不够详细，在使用el-select组件传入对象时，不是取值有问题，就是会报错，多番尝试后，找到了解决方法，特此记录。
bingo丶·2023-11-16 17:20

【ElementUI】el-table 的表头和内容列不对齐

important;}调用elment-ui官方提供的一个方法在刷新列表后使用getList().then(res=>{this.list=res.data.rows;this.
卿卿qing·2023-10-25 11:10

element的上传如何获取路径_利用FileReader读取element-ui中上传组件el-upload上传的文件，实现先本地预览后上传至服务器（Vue）...

用elment-ui的上传组件上传用户头像时发现它的图片预览是需要先将图片发送到服务器，返回一个图片地址，然后根据这个地址在头像区显示，但是我想要的是：选取头像，后立即在头像区显示，(不涉及图片剪辑和图片区域选取
A菲拉格慕(小艳子)·2023-10-22 07:15

利用FileReader读取element-ui中上传组件el-upload上传的文件，实现先本地预览后上传至服务器

用elment-ui的上传组件上传用户头像时发现它的图片预览是需要先将图片发送到服务器，返回一个图片地址，然后根据这个地址在头像区显示，但是我想要的是：选取头像，后立即在头像区显示，（不涉及图片剪辑和图片区域选取
杨家八公子·2023-10-22 07:41

Elment-UI展开表格时，每次展开需要发起一次请求，多次展开会覆盖之前的数据

原因：每次点击的时候，都需要发一次请求，我把获取到的数据赋值给了一个数组.解决办法：在data里面定义一个对象，用来保存数据，使用this.$set方法往对象里面添加数据，使用id作为对象的key，value作为一个数组。原本点击的时候，就会有一个id传过来，跟我之前的保存的数组进行产生映射。
人生如梦_0335·2023-10-21 23:12

elment-ui中的$prompt，阻止点击确定关闭弹窗

https://blog.csdn.net/weixin_45152848/article/details/99643126
理子·2023-10-11 10:17

elment以及elementPlus选中组件出现黑框问题解决！！

目录问题：图示：解决方案：问题：使用elementPlus的按钮组件，点击按钮后会出现黑框，除非点击其他地方才能取消掉（之前使用elment-ui其它组件时也出现过）图示：解决方案：.el-button
turbo夏日漱石·2023-10-06 00:03

为 elment-ui 的 tree 加上双击事件

原文:https://ravenq.github.io/blog.md/el-tree-dblclick.html目前element-ui的tree控件不支持双击事件，在后台管理系统时经常需要双击事件。如果在element-ui源码上直接添加双击事件是很简单的，我已经在github上提交了issue:#17448和PR。但是等待官方更新都很慢，项目急着需要，而且官方不一定采纳你的PR。那么只有两个
ravenq·2023-10-03 01:39

elment-ui中el-table刷新

elment-ui中el-table刷新很简单哦，加上这个就OK了:key=“Math.random()”
夏虫不与冰语·2023-09-27 09:41

获取非表单中所有选中的checkbox(elment-ui)

//tmpData:{oneDayTimeIds:[]}//method：{checkTimeArr(check){console.log(check)//选中的所有checkboxlabel}}
北海军·2023-09-23 15:22

el-checkbox中的checked勾选状态问题 2021-08-02

碰到的问题今天用elment-ui时碰到了一个坑，记录一下：项目中有一个页面是带批量下载功能的，需要点击批量操作才会出现全选按钮和item中的多选框，但是直接用v-if没有过渡效果感觉很生硬。
bug我来写·2023-09-12 19:15

vue组件库开发，webpack打包，发布npm

做一个像elment-ui一样的vue组件库那多好啊！
yuanyi正·2023-09-11 05:55

Vue Element-UI Cascader 级联选择器中子菜单的显示与隐藏

最近有发现一个在Elment-UI低版本中级联组件出现的BUG（楼主的版本是2.4.11），先上图来直观的感受下：即：若展开过含有子菜单的菜单，当鼠标再移入到没有子菜单的菜单上时，仍然会显示上一次展开过的菜单的子菜单
Pure_Sunshine·2023-08-29 09:53

elment-ui中使用el-steps案例

el-steps案例样式代码请完善总结通过active来控制步骤direction="vertical"来控制方向icon来改变图标样式引申Vue前端封装一个任务条的组件进行使用
码路老默007·2023-08-25 14:41

Vue学习笔记-ElmentUI表单校验

Elment-UI的Form组件提供了表单验证的功能：1.将Form-Item的prop属性设置为需校验的字段名2.通过rules属性传入约定的验证规则rules:{name:[{required:true
赵客缦胡缨v吴钩霜雪明·2023-08-23 00:50

Java Vue 前后端 关于时间格式数据的处理方法

前端使用elment-ui组件el-date-picker其中组件需要格式化时间，增加属性value-format="yyyy-MM-dd"后端Java接收参数类型后端Dto使用Date接收，并添加@JsonFormat
沐 修·2023-08-17 20:18

elment-ui使用vue-quill-editor富文本编辑器

全局配置参考文档：https://www.kancloud.cn/liuwave/quill/1409423（一）直接将配置信息写在main.js里面//引入富文本编辑器开始importVueQuillEditorfrom'vue-quill-editor'import'quill/dist/quill.core.css'import'quill/dist/quill.snow.css'impor
龙在翔·2023-08-02 20:10

Vue3+Vue2表单点击加号实现多选效果(以逗号分割传递后端参数，及数据回显处理)

示图如下：一、Vue3举例嵌套在form表单，利用elment-ui行布局，将输入表单填充至内容区域<el-rowtype="flex"v-for="(domain,index)indataForm.dataValue
可可鸭~·2023-08-02 01:44

elment-ui的侧边栏 开关及窗口联动

源码外卖后台首页订单管理商品管理商品列表商品添加商品分类店铺管理账号管理账号列表添加账号修改密码销售统计商品统计销售统计exportdefault{data(){return{isCollapse:false};},methods:{change(){this.isCollapse=!this.isCollapse;},handleResize(){console.log(document.bod
quanmeiren·2023-08-01 01:23

上手vue2的学习笔记5之在vue2项目中调用elment-ui

前言上手vue2的学习笔记4之搭建vue环境参考链接：vue2.0项目引入element-ui一、安装elment-ui进入搭建的vue项目中cdvue_bing_test安装elementnpmielement-ui
vitalgirl·2023-07-18 07:38

如何修改UI框架的样式

在调试器里复制了类名，在组件内部style标签样式里面重新定义值，发现更改不了探究原因style标签样式只能修改预先写好的dom，由于elment-ui采用的是组件嵌套的形式，内部的小组件还没有被注入。
李特丽·2023-07-13 21:49

element-ui中table表格的折叠和隐藏

el-table的折叠展开今天使用elment-ui的el-table组件做表格的折叠和展开使用default-expand-all属性通过click控制它为true或false来完成折叠展开但是却没有效果
今天你码 了吗·2023-06-16 13:03

基于element-ui的页面内面包屑组件

lzlz000的个人主页elment-ui提供了面包屑组件el-breadcrumb然而他要配合url跳转路由使用，在项目中需要用到页面内的面包屑，因此我写了一个组件inner-breadcrumbinner-breadcrumb
楼主楼主·2023-03-23 18:32

express 上传图片

前端界面upload使用elment-ui的upload组件,action是上传图片的网址，上传成功后执行afterUpload方法computed:{imgAction(){rerurnthis.
Jay_ZJ·2023-03-21 10:03

Vue使用Element-UI插件

Vue使用Elment-UI插件下载组件库npmielement-ui-S下载样式库npminstallbabel-plugin-component-D修改babel.config.js文件module.exports
奇迹的山Top·2022-09-30 05:39

前端开发踩坑笔记（2021-10）

4、两个el-table表格（横向可能有滑动）同时展示的情况如何控制两个表同时滚动5、表格数据特别多的时候用el-table导致页面卡顿6、:nth-child()选择指定的某几项进行样式渲染7、重写elment-ui
阿酒在看云·2022-07-10 16:57

element ui中动态合并单元格_关于前端:基于elementui的合并单元格动态数据合并

一、框架名称&版本号框架：element-ui版本号：2.3.9或更高传送门：elment-ui页签：https://element.faas.ele.me/#…demo地址：https://github.com
weixin_39783633·2022-03-24 12:46

Ant Design Vue - upload公共组件将封装

因为elment-ui好像没有维护了，就采用了AntDesignVue组件库。因为项目里面好多地方使用了Upload(a-upload)上传组件，所以就进行二次封装(比如上传路径等等)！
爱吃豆包·2021-10-24 18:56

elment-ui文件上传详解

文件上传总有各种问题，算是给自己一个总结吧HTML上传文件:上传文件只能上传pdf/doc/docx/xls/xlsx/jpg/png文件，且不超过2M上传附件个人理解，可能有些错误和不足，参考一下就行了这个我是用了弹出框嵌套的文件上传这是效果js代码getfile(file){//调用的插件写的方法，预览用的console.log(file);FileSaver.saveAs(file.url,
兔子R/T坦克·2021-01-12 17:40

vue单选框选中_【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

问题在于radio单选框，怎么将后台给的数值绑定为默认值示例效果图：涉及知识：一、【elment-ui】radio单选框中的label属性误区：1、误以为value是返回给后台的值，label是展示在前端页面的值导致红色框框里面的代码书写成
weixin_39688451·2020-12-19 16:47

解决vue elementUI 使用el-select 时 change事件的触发问题

页面初始化的时候会触发多次，选择之后又会触发多次，原因是我们用错了标签，应该用@change="selectChange()这样写就可以了，v-bind的缩写是：，v-on的缩写是@，这里是触发事件，应该用@,补充知识：为elment-ui
·2020-11-17 19:31

vue中的@click.native.prevent，点击事件加上native.prevent究竟有什么用呢？

代码如下：代理关系处理elment-ui我们项目的业务场景的点击事件，是不需要用到按钮的，所以我们需要用到的是原生的vue点击事件。
一颗甜橙树·2020-09-16 23:36

SPA实现前后台分离之登录

SPA实现前后台分离之登录前期准备vue项目加入其它内库重要配置前端后台：后台交互(axios/qs/vue-axios)测试效果前期准备我们需要提前创建一个vue项目，并且下载好elment-ui执行
一个被代码耽误的天才·2020-09-14 12:43

vue项目iview插件中树形控件使用方法（如何渲染处理后台请求的数据）

iview中的树形控件与elment-ui中不同官方文档中要渲染的标题是写死的，固定用的是title。而我们请求过来要渲染的数据大多都不是title属性名，除非让后台改过。所以需要我们自己处理。
惊慌失措中...·2020-09-12 16:09

vue项目中使用iview插件中this.$Modal.confirm的使用方法

当我们项目中需要根据id或者其他删除一个选项时，我们会首先弹出确认删除对话框，询问用户是否删除，iview中confirm的用法与elment-ui不同，官方链接：https://www.iviewui.com
惊慌失措中...·2020-09-12 16:09

vue项目使用iview插件modal对话框嵌套表单验证点击确认按钮直接关闭的问题

对于使用ivew插件开发项目时，它与elment-ui不同，遇到对话框里面嵌套表单验证时，当表单验证未通过我们不希望点击确定关闭对话框modal时的问题解决方案：答案：很简单，直接在底部自定义确定按钮和取消按钮就可以了
惊慌失措中...·2020-09-12 15:44

vue导入element-ui并使用element-ui组件

1、安装npminstallelement-ui-S2、在main.js导入elment-ui及css并use/**引入element,必须有*/importElementUIfrom'element-ui'import'element-ui
随封潜入夜·2020-09-12 13:04

element-ui input组件改造，支持常用(自定义)数据类型匹配

效果如图，大部分功能和elment-ui差不多新增type属性type支持一些常用的正则匹配number:数字positiveNumber:正数mobile:手机号telephone:电话号email：
闲人王昱珩·2020-09-11 08:26

elment-ui的el-select选择器blur事件失效 bug解决

问题：使用了elementUI中el-select组件开发项目当中发现当配置了filterable属性之后，@blur事件便失效，但你肯定不知道他也不是完全失效，当你点击外面得框线时他还是会生效得！只不过有区域限制，但正因如此，相当于完全没用！解决方案如下：在select标签内添加reffocus事件是会生效了，于此便可在focus事件内触发blur事件。代码如下：focusSelectValue
IS_LeQian·2020-09-10 23:23

vue中.sync 修饰符

正好，最近在拿一个项目练手，然后使用了elment-ui，然后在用到dialog的时候，属性visible是用来控制是否显示Dialog的，后面特意强调了支持.sync修饰符。
weixin_30337251·2020-08-21 06:52

基于element-ui的合并单元格（动态数据合并）

一、框架名称&版本号框架：element-ui版本号：2.3.9或更高传送门：elment-ui页签：https://element.faas.ele.me/#...demo地址：https://github.com
吼啾啾·2020-08-21 03:05

基于element-ui的合并单元格（动态数据合并）

一、框架名称&版本号框架：element-ui版本号：2.3.9或更高传送门：elment-ui页签：https://element.faas.ele.me/#...demo地址：https://github.com
吼啾啾·2020-08-20 17:32
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他