el-scrollbar scrollbar elementui el
Vue - 对数组进行分页，结合 el-pagination 组件
分页函数 file:[pager.ts] /** * 分页 * * @param list 数组 * @param currPage 当前页 * @param pageSize 一页数量 * @returns */ export function paginate(list: Ref<any[]>, ......
快速解决element中el-dialog弹框组件垂直居中问题的方法
快速解决element中el-dialog弹框组件垂直居中问题的方法：https://blog.csdn.net/Shids_/article/details/120728973 ::v-deep .el-dialog{ display: flex; flex-direction: column; ......
el-radio或el-checkbox内容过长超出未换行的解决办法
解决办法 在el-radio或el-checkbox上添加属性： display: flex; /* 用于对齐文本 */ 在el-radio或el-checkbox的选项标签上添加属性： /deep/ el-radio__label{ white-space: normal; /* 换行 */ } ......
Element Plus el-tree懒加载默认选中
百度上试了很多方法，设置default-expanded-keys不生效，最后使用了下面的方法，亲测有效 const loadNode = async (node: Node, resolve: (data: AreaType[]) => void) => { if (node.level 0) { ......
el-table选中效果及动态修改
项目有个需求，是点击关联账户，弹窗显示已经关联的 ，而且表格上还要勾上 效果： 这里的交互有两条线： 1.勾选表格内容，上方标签显示和隐藏 2.删除上方标签，表格中的 该条数据去除选中效果 ......
el-upload上传必填验证
<el-form-item label="excel文件" prop="file"> <el-upload style="display: inline-block;margin-left: 10px" class="upload-demo" ref="upload" :file-list="add ......
el-upload上传附件并携带其他参数
<el-dialog title="导入" :visible.sync="showExportDialog" > <el-form :model="addForm" ref="addForm" size="small" :rules="rules" label-width="130px"> <el- ......
Vue+ElementUI 下拉框问题的一个解决方案
Vue使用ElementUI使用下拉框组件时，点击空白处，无法隐藏展开的选项。build项目后，此类问题时有时无，不确定；具体报错如图 ......
基于 ElementUi框架的 table组件制作的 报表功能
<template> <!-- 月周计划报表 --> <div class="monthPlanForm"> <el-table :data="tableData" :span-method="spanMethod" style="width: 100%"> <el-table-column typ ......
el-upload
一、组件限制上传文件个数 通过limit属性和on-exceed钩子函数来实现： <el-upload ref="upload" drag :limit="limit" :on-exceed="masterFileMax" :on-change="beforeUploadCheck" :auto-u ......
RuntimeError: “nll_loss_forward_reduce_cuda_kernel_2d_index“ not implemented for ‘Int‘
RuntimeError: "nll_loss_forward_reduce_cuda_kernel_2d_index" not implemented for 'Int' Traceback (most recent call last): File "E:/MyWorkspace/EEG/Pyt ......
el-select、el-dropdown 下拉框位置偏移
el-select、el-dropdown 下拉框位置偏移 <el-dropdown class="nav_item" :class="activeIndex == 2 ? 'active' : ''" > <span class="el-dropdown-link cursor"> 账号交易<i ......
关于elementui的cascader组件多个级联大量数据滚动定位样式导致卡顿问题
如题，多个cascader级联组件，下拉选项含大量数据，滚动时会有实时样式重新渲染，导致CUP内存溢满而卡顿 解决尝试：使用elementui中的内部源码方法处理 <script> import { addResizeListener, removeResizeListener } from 'el ......
vue2 el-input-number 千分位显示的支持（不影响v-model的数值取值）
<!-- 增加v-thousands指令 --> <el-input-number v-model="row.money" v-thousands :controls="false" :min="0" :precision="2" style="width: 100%" // 添加全局指令或局部指令 ......
ElementUI——el-upload上传前校验图片宽高
前言 总要写点东西吧，最近忙于项目，github上的问题也没处理，博客也没咋写，自媒体上的东西也没咋发，随手记录一下当前项目改造时候遇到的问题吧； 内容 before-upload 借助于:before-upload来进行校验，使用FileReader和Image来获取宽高 const reader ......
[Vue]el和data的两种写法
1.el有2种写法(1).new Vue时候配置el属性。(2).先创建Vue实例，随后再通过vm.$mount('#root')指定el的值。 // el 的两种写法 const vm = new Vue({ el: '#root', // 第一种写法 data: { name: '模板' } } ......
Vue3 element-plus el-cascader后缀图标更改（svg）
概述 今天用element-plus写通用表单的时候，发现了它的el-cascader组件竟然不支持改后缀图标，主要它的普通下拉el-select组件都能随便改suffix-icon，级联的下拉就不支持了，令人疑惑。 然后，找了好多办法，包括直接取原生的Component改它的arrowDown属性 ......
el-date-picker空值和null值
在开发的时候使用时间组件时总会遇到一些问题 开始的时候为空值，但是当你选择了时间后再次清除就变成了null，给判断带来了不变 我使用了watch监听，当他为null时再把它赋值为空 watch: { times(newVal) { if (newVal == null) { this.times = ......
翻译语言选择自定义封装（elementUI）
基于elementUI下拉菜单项el-dropdown自定义封装 <template> <div> <el-dropdown trigger="click" @command="handleCommand"> <el-input v-model="form.key1" suffix-icon="el ......
11el
#include <stdio.h>#include <sys/types.h>#include <dirent.h> void do_ls(char []); int main(int argc, char *argv[]){ if ( argc == 1 ) do_ls( "." ); else ......
vue项目创建和启动、ElementUI的安装和快速学习
5.创建Vue项目 方式一：命令行（不推荐） 方式二：图形化 先找到项目想要创建的位置，去到该目录下，输入cmd回车 输入 vue ui回车 可能会遇到的问题：Failed to get response from /vue-cli-version-marker 解决办法： 找到 .vuerc文件， ......
elementui组件封装(el-menu)
废话不多说直接上代码： 递归菜单项： <template> <el-submenu v-if="menuData.children && menuData.children.length > 0" :index="menuData.menuId"> <template slot="title"> < ......
el-menu三级菜单示例
<el-menu default-active="0" class="el-menu-demo" mode="horizontal" background-color="#545c64" active-text-color="#ffd04b" text-color="#fff" router @se ......
el-table表格行状态进度条
一、场景引入 项目某些表格，需要展示每条数据不同进度状态，使用进度条来展示 二、解决方案 利用定时器+el-progress组件，列表数据需要返回数据总时间，计算得出进度 代码如下： getTableData() { let _that = this; if (this.showLoading) { ......
vue el-select/el-cascader获取选中的对象label值
1.el-select获取选中对象label值 <el-form-item label="车辆配置" prop="sales_name"> <el-select v-if="!showSaleNameInput" v-model="form.sales_name" clearable ref="it ......
elementui表格复杂操作
1.elementui表格最后一行加粗显示 表格table加以下属性 :cell-style="cellStyleModify" methods方法实现： cellStyleModify({row,column,rowIndex,columnIndex}){ let fontStyle = null ......
第七章 EL表达式和JSTL
目录一. 单选题（共5题，50分）二. 判断题（共5题，50分） 一. 单选题（共5题，50分） (单选题) 在c_if.jsp有如下部分代码： <c:if test="true" > true </c:if> <c:else test="false" > false </c:else> 对于上述代 ......
ElementPlus el-select自动获取焦点问题
原因： 以下el-select主要代码是在document页面上，而el-dialog在点击关闭按钮时，从而关闭el-dialog后，会自动使el-select组件获取到焦点。 <el-popover :visible="data.tipVisible" ref="popover" placemen ......