##element-ui 第35页

Vue核心

axios):ajax请求*vue-router:路由*vuex:状态管理*vue-lazyload:图片懒加载*vue-scroller:页面滑动相关*mint-ui:基于vue的UI组件库(移动端)*element-ui

fcc123·2023-09-17 21:03

基于 SpringBoot + Vue 的前后端分离医院管理系统

token，使用SpringDataJpa方便数据库操作，使用mysql作为数据库，使用druid作为数据库连接池，使用easy-captcha作为验证码生成工具；前端使用axios进行后端的请求，使用element-ui

manster1231·2023-09-17 20:19

基于springboot+vue的药店管理系统

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

猫头鹰源码(同名B站)·2023-09-17 20:48

Day45：Element-Plus

1.常见组件库UI组件库需要基于JS框架来实现，也就是说我们现在学习的是Vue3，也需要选择适配的组件库，在Vue生态中，最为流行的PC端组件库要数饿了么团队开发的element系列，Vue2版本对应Element-Ui

albedo_102·2023-09-17 18:03

Element-UI的表格展开的属性 type=“expand” 没有数据的则不显示展开按钮，有数据才会显示

html部分：js部分：getRowClass(row,rowIndex){if(row.row.tableData.length==0){//判断当前行是否有子数据或者根据实际情况设置return'row-expand-cover'}}css部分：/deep/.el-table.row-expand-cover.cell.el-table__expand-icon{display:none;}其

陈大事_code·2023-09-17 13:40

element-ui组件库

element.eleme.cn/#/zh-CN1,下载安装组件库cnpmielement-ui2,两种引入方式:完整引入:在main.js文件中引入如下三句代码importElementUIfrom'element-ui

努力写代码的一天·2023-09-17 09:03

Vue3+ElementUI使用

ButtonTryElementnewVue({el:'#app',data:function(){return{visible:false}}})目前可以通过unpkg.com/element-ui获取到最新版本的资源

全智能时代·2023-09-17 09:00

vue+element-ui upload图片上传前进行压缩

image-conversion包npmiimage-conversion--savetemplate添加图片压缩的方法放在before-upload中,这个方法可以接受一个promise,提一下,最好下载新版本的element-UI

WangYatao·2023-09-17 08:32

element-ui表格单元格合并

//importVueGridLayoutfrom'vue-grid-layout'exportdefault{name:'HelloWorld',data(){return{table:[{id:1,region:'深圳',type:'外贸',company:[{name:'深圳外贸公司1'},{name:'深圳外贸公司2'},{name:'深圳外贸公司3'},{name:'深圳外贸公司4'}]

梦里梦不到的梦_b5c8·2023-09-17 07:42

vue学习之Font Awesome图标

fontawesome.com.cn/v5FontAwesome安装cnpminstallfont-awesome/src/main.js引入cssimportVuefrom'vue';importElementUIfrom'element-ui

赴前尘·2023-09-17 06:16

vue学习之element-ui组件集成

1.element-ui链接https://element.eleme.cn/#/zh-CN2.element-ui安装cnpminstallelement-ui3.创建项目https://blog.csdn.net/qq_36940806/article/details/132921688?spm=1001.2014.3001.55024.引入element库/src/main.js引入elem

赴前尘·2023-09-17 06:13

基于element-ui的年份范围选择器

基于element-ui的年份范围选择器element-ui官方只有日期范围和月份范围选择器，根据需求场景需要，支持年份选择器，原本使用两个分开的年份选择器实现的，但是往往有些是不能接受的。

黑匣子~·2023-09-17 05:39

基于springboot+vue的便利店信息管理系统

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

猫头鹰源码(同名B站)·2023-09-17 01:03

vue element-ui el-table-column配合v-if 数据位置错乱问题 el-table-column 和 fixed搭配使用出现的错乱

问题：当我们对el-table的某一列进行判断显示隐藏时，就会出现列位置和表头样式错乱的问题情况一：我们通常的写法（会错乱的写法）1修正后的写法（不会错乱的写法）1虽然仍然会有一瞬间错乱样式，但是已经不影响数据的展示了情况二：el-table-column和fixed搭配使用出现的错乱的解决办法，在数据渲染完后使用官方提供的doLayout方法//在表格上加ref=‘table’this.KaTe

brave,·2023-09-16 20:07

element-ui el-table 滚动到底部，进行加载下一页

使用element-ui自带的InfiniteScroll无限滚动组件无法使用在table里面，所以项目只能组件写一个俺的方法是写了一个自定义组件，进行监听滚动条是否拉到最底部进行一个处理。

_YkRonin·2023-09-16 17:32

element-ui tree组件实现在线增删改

这里要实现一个tree增删改定义巡检项巡检项分类{{data.name}}edit(data)">append(data)">remove(node,data)">⋮巡检项归类{{scope.row.app_name}}{{a}}{{scope.row[item.key]}}编辑删除import{tableHeader}from"./utils/index.js";import{getSessio

御风傲天·2023-09-16 15:25

基于Element-UI的el-table改变背景色，防止鼠标移入时高亮问题

二、鼠标移入背景色高亮问题三、解决办法：总结前言 Element-UI作为一个快速型开发PC端组件库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。

Fading wounds·2023-09-16 08:11

el-table-column的formatter的使用

gendarFomat(row,column){if(row.gender==0){return"女";}elseif(row.gender==1){return"男";}else{return"-";}},element-ui

RAY_CHEN.·2023-09-16 07:26

Vue - 聊天框功能（JwChat）

://codegi.gitee.io/jwchatdoc/一.效果图二.功能实现安装依赖npmijwchat-Smain.js引入配置//element必须引入importElementUIfrom'element-ui

Jie_1997·2023-09-16 05:01

Element ui 图标乱码

image.pngelement-variables.scss中：//解决打包发布后icon乱码问题@import"~element-ui/packages/theme-chalk/src/pagination.scss

嘤夏影·2023-09-15 22:29

BEM(CSS命名规范)

通过阅读Element-UI源码来分析学习BEM规范,使用BEM规范语义化更加鲜明，阅读更容易理解，B意思是Block块，E意思是Element元素，M意思是Modifier修饰器。

9eac842c3a81·2023-09-15 22:28

element-ui中获取el-divider的组件的ref时为空

element-ui中的el-divider组件是函数式组件,所以当我尝试获取其ref时总是获取不到,因为函数式组件没有this.!

新时代的弩力·2023-09-15 20:34

Vue引用Element-UI时，组件无效果解决方案

问题：Vue在使用Element-UI组件的时候，已经安装好依赖>npminstallelement-ui在main.js中导入依赖importElementUIfrom'element-ui'并在全局中使用

爱编程的小金毛球球·2023-09-15 17:35

VUE element-ui 之table表格导出Excel（自定义表头+自定义导出字段内容）

导出excel自定义表头及自定义字段步骤：1.安装依赖npminstall--savexlsxfile-savernpminstall-Dscript-loader2.下载Blob.js、export2Excel.js百度网盘链接：https://pan.baidu.com/s/1iC1kWX5jd7U5J9g_L4BQ2Q提取码:3kv4src下创建excel文件夹将Blob.js、export

赫兹/Herzz·2023-09-15 14:35

vue2以ElementUI为例构建notify便捷精美提示

我们先引入一个第三方UI库这里我们以elementUI为例先引入依赖npminstallelement-ui--save然后在main.js入口文件中引入一下importElementUIfrom'element-ui'import'element-ui

深圳市有德者科技有限公司-耿瑞·2023-09-15 12:16

import 'element-ui/lib/theme-chalk/index.css 报错

在node_modules\element-ui\lib\theme-chalk下新建一个index.js文件代码如下：import‘.

当代词圣李白·2023-09-15 10:50

vue+electron一键入门

前言帮公司弄了一个vue+electron项目，里面用到了axios、element-ui、ue-router、js-md5、sqlite3这些依赖库，其中sqlite3比较难搞下面会详细展开来讲，同时也涉及打包

An_s·2023-09-15 07:54

【vue组件】使用element-ui 实现三级联动下拉选择

实现的思路是第一个下拉选择在选择了选项后将该选项的信息传递到接口请求下一个选项的内容，依次类推然后在清除了上一级选择的选项后要将其次级和子孙级的选项都清除（包括选择里的列表内容）下面看具体代码：展示:exportdefault{name:"LinkingSelect",props:{},data(){return{selectedLabelList:[],filSelectedLabels:[],

loyd3·2023-09-15 06:42

【vue】element-ui table多选框禁用

在的多选列中添加：:selectable=“selectable”//type为selection的这一列在方法中添加selectable方法代码如下：selectable(row,index){if(row.name==='管理员'){returnfalse;}else{returntrue;}}

loyd3·2023-09-15 06:11

修改element-ui主题颜色

方法1：创建一个公共的更改的CSS文件，在CSS文件里写入$–color-primary:加颜色，最后在main.js中引入方法2：借助在线主题生成工具，设置自己想要的颜色，下载主题，解压之后，在main.js中引入方法3：安装主题工具1、安装主题工具npmielement-theme-g//安装主题工具2、从npm安装themenpmielement-theme-chalk-D3、初始化变量文件

Zwq8023520·2023-09-15 05:04

【vue组件】使用element-ui table 实现嵌套表格点击展开时获取数据

应用场景是这样主表格的数据是所有的学校然后点击展开的时候，获取学校下相应班级的数据并且班级要能选择后生成图表，但所有的班级最多选择5个首先是嵌套表格{returnhandleExpandSelectionChange(val,scope.row.id);}">{returncheckSelectable(row,'id');}"type="selection">{{scope.row.Name}}

loyd3·2023-09-15 05:32

element UI table横向树结合checkbox进行多选，实现各个节点的[全选，半选，不选]状态附带模拟数据

elementUItable横向树结合checkbox进行多选，实现各个节点的[全选，半选，不选]状态，包含模拟数据思路：步骤一、后端返回tree格式数据，先结合element-ui的table的数据格式要求

吴用_前端开发·2023-09-15 05:57

element-ui table组件化，重新封装

1、话不多说先看效果主要实现功能：筛选：输入框、下拉框、时间；表格适用：多选、序号、排序、自定义、开关、链接可跳转、输入框、图片、自定义操作按钮（部分页面需要每行显示按钮不用所以大家按需添加）、常规操作按钮（每行操作按钮都相同无其他需求）、设置行背景色、分页d8064cea29774f3fbb10fe2a6b59b01c.png2、本文部分原创，大框架是复制的https://blog.csdn.n

努力做个全栈·2023-09-15 04:57

element-plus修改el-select下拉框的位置

修改之后：可以看出高度上明显有变化，并且我还修改了图标、选中时的边框样式（这边我这部分就不写了，主要写如何调整位置）二、修改思路对于element库有了解的话可以知道无论是element-ui还是element-plus

沈清秋.·2023-09-15 03:37

element-ui 如何给el-select下拉框el-option选项添加点击事件

在el-option里直接写@click发现没反应，改为使用@click.native即可以给el-option添加点击事件。

sunlihong123·2023-09-15 03:37

Vue - day7

day7使用饿了么的MintUI组件Mint-UI官方文档使用ElementUI组件Element-UI官方文档MUI(代码片段)体验上来说,MUI和bootstrap类似理论上,任何项目都可以使用MUI

小浅_·2023-09-14 18:50

el-table summaryMethod 的实现

使用说明element-ui使用手册-table大体就是我们在el-table的时候给//属性设置:summary-method="getSummaries"show-summarysum-text="

jeneen1129·2023-09-14 17:15

可输入的下拉框

项目场景：问题描述可以输入的下拉框，在element-ui中可以找到的是input组件中-带输入建议的可以达到效果当是下拉框时，匹配输入的值与下拉框的数据，如果可以匹配，那么就选择那条，如果不能匹配那么

牧杉-惊蛰·2023-09-14 17:21

基于springboot+vue的仓储物流系统

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

猫头鹰源码(同名B站)·2023-09-14 16:31

pc项目集成截图工具

开始截图importkscreenshotfrom'kscreenshot';//https://gitee.com/kejiacheng/kscreenshot/import{Message}from'element-ui

一只大菜鸟J·2023-09-14 12:54

微信小程序手写时间间隔组件，可设置间隔时间一分钟，半小时，一小时的间隔

纯手写时间间隔组件需求：小程序中可以根据时间段进行选择开始时间和结束时间，如：当前时间是09：00，则我可以从9点开始选择时间，每半个小时为间隔，那么下一个时间就算9：30，10：00，依次类推就像element-ui

井底的蜗牛·2023-09-14 08:48

element-ui vue 使用富文本编辑器

1、html2、引入(首先要下载npmi.....)import{Editor,Toolbar}from"@wangeditor/editor-for-vue";3、import{Editor,Toolbar}from"@wangeditor/editor-for-vue";constgoodsDatas={parameter:""};4、components:{Editor,Toolbar},5

努力搬砖的小码·2023-09-14 08:29

element-UI table合并单元格

##建议先看一下官方文档了解一下表格各个属性的意义；但你会发现此例过于简单，死数据，但我们开发的时候往往都是后台传递过来的数据，导致我们rowspan的参数需要自己做判断，根据数据的相同行（或列）进行合并；效果：代码：exportdefault{name:'myNeedDeal',data(){return{rowList:[],spanArr:[],position:0,listData:[]}

Lming93·2023-09-14 07:13

利用element-ui的表格实现复杂合并单元格

利用element-ui的表格实现复杂合并单元格话不多说，先呈效果图首先我们得先了解下请求回来的数据是否和我一致哦，不一致的话可能文章就对你没啥用啦,以下是请求回来的数据（数据有点多哈，主要让你们看看数据格式是否和我一样

我家老板是小仙女·2023-09-14 07:13

element-ui框架的el-dialog弹出框被遮罩层挡住了/el-drawer....会生成v-model元素的组件被遮罩层挡住

element-ui框架的el-dialog弹出框被遮罩层遮挡问题_前端李十三的博客-CSDN博客可以发现el-dialog组件显示的时候被遮罩层挡住了。

前端李十三·2023-09-14 07:03

element-ui的Tree树形控件触发指定节点点击处理

所以这个不适合直接采用element-ui的节点过滤搜索框来过滤节点，而element-ui也没有直接根据tree节点值触发节点点击的事件，所以需要额外写代码来实现这个交互效

sunshine-zwq·2023-09-14 06:56

vue自定义element-ui日期季度组件

下图为效果图，众所周知element-ui没有季度组件，但项目上也经常会用到，需要我们自行开发。1.在components里新建组件文件（名称自定义）2.直接贴完整代码。

Julyued·2023-09-14 06:21

element-ui多选下拉框数据回显

基于vue,element-ui多选下拉框数据回显到dialog弹框。1.v-model绑定下拉框2.data中定义3.在触发事件中写如下代码。join(",")是将数组里的数据转为字符串显示。