el-cascader cascader 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 = ......
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 ......
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 ......
第七章 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 ......
在el-table的表格中嵌入el-switch
<el-table :data="tableData" border style="width: 100%" class="table"> <el-table-column label="是否可用" > <template #default="scope"> <el-switch v-model=" ......
el-dialog 关闭再展示不触发mounted
el-dialog关闭再展示时不会触发mounted钩子函数，这是因为在Vue中，组件的mounted钩子函数只会在组件第一次被渲染时执行一次。而对于el-dialog组件来说，关闭后重新打开并不算是组件第一次被渲染。 ......
element 的 el-cascader 控件，去掉空子集
后端返回的树结构数据： template： <el-cascader v-model="ruleForm.columnAll" :options="allColumnData" :props="{ value: 'columnId', label: 'columnName', children: ' ......
封装el-select
效果：给select组件传入option请求方法，父组件无需再进行其他操作 <template> <el-select v-model="selectValue" multiple clearable @change="emitChange" value-key="id" placeholder=" ......
el-table合并单元格
1.在写项目的时候有时候会经常遇到把行和列合并起来的情况，因为有些数据是重复渲染的，不合并行列会使表格看起来非常的混乱，如下： 而我们想要的数据是下面这种情况，将重复的行进行合并，使表格看起来简单明了，如下： 1、合并行 所谓的合并行就是将多行相同的数据变成一行来显示，直接上代码，页面的布局比较简单 ......
el-upload :data 后台中文乱码
:data="uploadFileRelationData" :action="/admin/sys-file/uploadfile" @PostMapping(value = "/uploadfile") public R uploadFile(@RequestPart("file") Multi ......
vue 基于 el-upload 封装视频上传组件
新建video-upload.vue文件： <template> <div class="video-upload-com"> <el-upload :action="uploadUrl" :before-upload="beforeAvatarUpload" :file-list="mediaLi ......
el-upload上传文件 需要在请求之前加一个校验文件内容格式请求
before-upload data(){ return { ... //判断是否需要做文件检查 checkFileFormat:false } }, beforeUpload(rawFile) { this.loading = true; ... 检查文件格式 检查文件大小 ... if (thi ......
【webapp】jsp EL 的基本语法和用法
EL（表达式语言）是用于在 JSP 页面中访问和操作数据的简洁表达式语言。EL 提供了一种简化和统一的方式来访问变量、属性、集合和其他对象。以下是 EL 的基本语法和用法： 基本语法： ${expression}：用于在 JSP 页面中嵌入 EL 表达式。 ${object.property}：访问 ......
第十八篇 - el-select获取整个对象值
参考链接：https://blog.csdn.net/qq_41885295/article/details/121956909 常规el-select时的用法是这样的 <el-form-item label="Project" style="flex: 1" :rules="[ { require ......
el-form表单重置
在table表单里点击编辑后再点击弹框中的取消触发resetForm事件，第二次及以后点击完编辑及取消后table列表后面的数据都变成第一次点击编辑里的数据， 解决方法：this.$nextTick(()=>{ this.$refs[formName].resetFields(); ......
vue2自定义指令实现el-dropdown下拉菜单项最小宽度等于内容宽度
//在main.js添加 Vue.directive('siem-dropdown', function (el, binding, vNode) { let ul = el.querySelector("ul") let uid = vNode.componentInstance._uid; // ......
vue:el-table在resize时报错(element-plus@2.3.12)
一，报错信息: Uncaught runtime errors: × ERROR ResizeObserver loop completed with undelivered notifications. at handleError (webpack-internal:///./node_modu ......
el-select @focus 事件没有弹出下拉框
el-select 获取焦点的时候没有出现下拉框，解决办法示例 <template> <el-select v-model="selectedValue" ref="select" @focus="handleFocus"> <el-option label="Option 1" value="op ......
el-menu sidebar是否隐藏
vue-element-admin （git） 窗口宽度变化，菜单自动隐藏 beforeMount() { window.addEventListener('resize', this.$_resizeHandler) }, $_resizeHandler() { console.log('窗框宽度 ......
el-tooltip双击展开
<el-table-column label="" min-width="120"> <template slot-scope="scope"> <el-tooltip class="item" effect="dark" content="双击展开/收起" placement="top" > <s ......
init-el
(require 'package) (setq package-archives '(("melpa" . "https://mirrors.ustc.edu.cn/elpa/melpa/") ("gnu" . "https://mirrors.ustc.edu.cn/elpa/gnu/") (" ......