element的上传文件打不开？
如下代码，element的upload单独在一个组件，点击外部的重新导入按钮想再次打开上传文件选择框，有其他办法吗，用openBtn里面的办法打不开<template> <!-- 导入弹窗 --> <el-dialog width="400px" center="true" v-model="showDialog" v-if="showDialog" :title="importTitle...
2024-02-05
element复选框不考左排列？
<template> <div> <el-row> <el-form ref="form" :model="form" size="mini" label-width="80px"> <el-col :span="12"> <el-form-item label="活动名称"> <el-input v-model=...
2024-02-15
element大量数据表格表单校验
问题：Vue项目，有一个大表格，比如1000行10列（不分页），然后每一列都有一个form表单项，要怎么做才不会卡顿。目前vue2，用的element-ui，对el-table进行了二次改造，可以达到虚拟DOM那种滚动加载的效果，通过滚动计算位置，然后截取列表进行展示，这里不做赘述，基本就是让浏览器只渲染部分DOM，使其不卡顿。然后问题就是：这个表格里面嵌套的表单，表单有校验，需要怎么做？直接加表...
2024-03-02
element图片预览组件如何获取当前文件？
<el-image :preview-src-list="previewSrcList">elementUI的图片组件，使用大图预览功能，有多个图片翻页查看时，如何获取当前显示的文件呢？想要实现的功能是，翻到对应的图片可以点击下载，目前只能拿到点击打开大图的文件，上下翻页后如何获取当前文件呢？有没有翻页对应的事件？回答：拿不到，image-viewer只暴露了on-close---------更...
2024-03-05
element-ui升级后打开页面控制台显示原来的版本
项目里element原来的版本是1.4.6，我升级到2.12.0了，然后在页面里打印element还是显示的是1.4.6:同时仅仅使用官方给的示例代码也会告警：我把node_modules和package-lock.json删了，重新安装，还是不行，浏览器也清了缓存了有大佬帮帮忙看看是什么原因吗？回答：检查是否使用CDN引入；你可以在项目中搜索关键词：externals 或 ELEMENT 或 ...
2024-02-18如何给element添加一个抽屉组件的方法步骤
近来因为业务需要，对比iview和element库，发现element确实要比实习期间使用的iview强大点，尤其文档更为友好，但是iview的组件功能更多一点，比如分割线和抽屉组件今天特意手写一个抽屉组件，方便自己使用element库，写好的组件我已经放在我的githup了， 点这里一、实践 1.分析一个抽屉组件的z-index必...
2024-01-10
for循环element子组件，却只能获得最后一个组件？
需求：点击文本框弹出对话框，可以编辑，从而改变文本框的值。问题：我在for循环里面套了对话框组件，但对话框拿到的值永远都是最后一个值 <el-col v-for="(item, colIndex) in col" :key="`form-row-${rowIndex}-${colIndex}`" :span="spanSet(item, reacti...
2024-02-17如何封装好一个element表格，实现组件复用，并可以父子传值？
想封装一个表格，以便复用，在每个父组件引用时，可以根据每个父组件要渲染的数据动态更新表格内容回答：<template> <el-table :data="tableData"> <el-table-column v-for="(column, index) in columns" :key="index" :prop="column.prop" ...
2024-02-07
element表单，上传组件，第一次校验提示必须，然后上传成功之后，点击提交依旧提示未上传
上传组件（具体的代码就不写了，但我是用 el-form-item 包了一层的`<el-form-item label="上传照片" prop="avatar"> <el-upload :on-success="onSuccess" /></el-form-item>上传组件的成功回调中给 avatar 赋值方便表单的校验onSuccess(data) { // 上传成...
2024-03-13
element的表单元素使用总结
表单元素挺多的，这里简单总结下，我以我的方式主要分为：文本框类、选择类、其他类文本框类选择类其他类TL;DR时间类的选择器，均可设置输入框的显示样式和值的形式，属性分别为format、value-format单选框和复选框，选中项属性的label值就是model的值复选框，如果是多选的话，务必设置model值...
2024-01-10
element可编辑的合并单元格表格
需求：vue+element项目下的一个功能其中，枚举值、成员行、显示名称为可编辑文本框。用户点击表格下面添加枚举弹出录入容器，允许用户添加枚举值、成员行号和显示名称，添加后数据插入到对应的枚举中。枚举定义表格中，成员行999表示默认显示名称，同一枚举值不可定义重复成员行用户添加或编...
2024-01-10
element多个表单校验的实现
在项目中，经常会遇到表单检验，单个表单检验可查看element的官网文档，里面有详细的介绍。在这里我分享在实际项目中遇到多个表单同时进行校验以及我的解决方法，欢迎大家留言，一起探讨相关技术，请多多指教。这里主要用到 Promise 来解决。关于Promise方法举个例子来抽象理解：周末想吃火...
2024-01-10
find_elements 如何定位子标签？
题目描述<div class="job-desc"><span>1-3年</span><em>|</em><span>本科以上</span><em>|</em><span class="job-pay-text">6K-8.5K</span></div>如何使用 selenium 的 find_element（s）方法获取第二个 span 标签中的内容？题目来源及自己的思路我现在使用 browser.find_elements_by_class_name('job-desc > span') 只能获取所有 ...
2024-01-10
求助：element-plus如何实现动态多级表头？
vue<el-table :data="tableData"> <el-table-column label="店员数量评级金额"> <template #default="scope"> <el-table-column v-for="(item,index) in scope.row.fullTimeNCs" :key="item" :label="ite...
2024-02-11
element上传问题
\#\#\# 问题描述需求:前端实现上传apk文件\#\#\# 问题出现的环境背景及自己尝试过哪些方法上传失败,且在devtools中不显示status和method\#\#\# 相关代码el-uplaod代码<el-upload ref="upload":file-list="fileList"action="/api/common/update-apk":headers="headers":data="params":on-error="handleError":on-success="han...
2024-01-10
如何在 Element UI 的日期选择器中添加清空和确认按钮?
elementui el-date-picker type='daterange'时，如何添加清空和确认按钮？回答：https://blog.csdn.net/mai0824/article/details/122959917你可以看看这篇文章回答：你可以使用elementPlus:elementUI的方法:<template> <div> <el-date-picker ...
2024-03-10
循序渐进VUE+Element 前端应用开发
在我们开发BS页面的时候，往往需要了解常规界面组件的使用，小到最普通的单文本输入框、多文本框、下拉列表，以及按钮、图片展示、弹出对话框、表单处理、条码二维码等等，本篇随笔基于普通表格业务的展示录入的场景介绍这些常规Element组件的使用，使得我们对如何利用Element组件有一个大概的...
2024-01-10
【JS】Element - 饿了么团队出品的神级桌面 UI 组件库
首页专栏javascript文章详情0Element - 饿了么团队出品的神级桌面 UI 组件库温珉亚发布于 17 分钟前一套著名的桌面端的组件库，同时提供Sketch、Axure模板资源文件方便快速产品设计。介绍由饿了么团队出品，一套为开发者、设计师和产品经理准备的组件库，提供了配套axure、sektch设计资源，可...
2024-01-10
Element-UI 10个奇淫技巧小结
目录el-scrollbar 滚动条el-upload 模拟点击el-select 下拉框选项过长el-input 首尾不能为空格el-input type=number 输入中文，焦点上移el-input type=number 去除聚焦时的上下箭头el-form 只校验表单其中一个字段el-dialog 重新打开弹窗，清除表单信息el-dialog 的 destroy-on-close 属性设置无效el-table 表格内容超出省略el-scrollbar 滚...
2024-01-10
VUE Element环境搭建安装
1，安装node，确保安装4.0版本以上，具体的安装可以百度。2，在命令行创建文件夹3，安装Vue-cli输入：cnpm install -g vue-cli , 回车， 等待安装。。。。输入：vue ,查看vue相关信息4,初始化项目vue init webpack last_demo 然后等一下就会出现相关的信息，再自己去选择安装的一些设置安装...
2024-01-10
Element表格表头行高问题解决
目录前言一、问题原因二、解决方法Vue 修改 elementUI table tr th 的高度，以及背景颜色前言在最近一个项目的后台管理系统中，写前端界面时用到了ElementUI，但是发现导入数据表格之后表头的高度一直很高，如下图所示：在网页上搜索了很多的解决办法，都没有作用。后来折磨了一段时间后解决了这...
2024-01-10
Element UI如何对整个表单进行“实时校验”？
问题Element UI如何对整个表单进行“实时校验”？场景对整个表单实时校验不通过：立即创建按钮禁用。通过：立即创建按钮不禁用。本人错误思路监听表单validate事件，通过ref获取Form。使用Form组件的方法validate的回调函数拿到整个表单的校验结果，实时改变“立即创建按钮”的禁用状态。错误代码：<template> <el-form @validate="validate...
2024-02-25
Element实现动态表格的示例代码
目录【代码背景】【代码实现】#1# -> 代码复用的基础是你需要一个可复用的组件#2# -> 在展示页面使用动态表格组件#3# -> 如何给动态表格根据需求动态添加序号列/索引列【代码背景】有这样一个业务需求场景，有大概十几张表归属于某个类别，用户希望在同一个页面，通过选择不同的查询指标展示不...
2024-01-10
循序渐进VUE+Element 前端应用开发(5）--- 表格列表页面的查询，列表展示和字段转义处理
在我们做应用系统的时候，往往都会涉及图表的展示，综合的图表展示能够给客户带来视觉的享受和数据直观体验，同时也是增强客户认同感的举措之一。基于图表的处理，我们一般往往都是利用对应第三方的图表组件，然后在这个基础上为它的数据模型提供符合要求的图表数据即可，VUE+Element 前端应...
2024-01-10
二次封装lement组件遇到的问题
封装的通用查询组件出了bug时间回显和选中的不一样废话不多说 先上代码<template> <div> <cc-Table :tableList="tableList"></cc-Table> </div></template><script>import CcTable from '../components/Table.vue'export default { c...
2024-02-15
