现象：
解决方法 ：
1.修改全局css
2.只修改局部css
.你的tableClass{
/deep/ .el-table__fixed {
height: 100% !important; //设置高优先，以覆盖内联样式
}
}
补充知识：解决ElementUI的Table组件固定列，在屏幕刚好够表格显示时，会出现固定列显示不全的问题
在使用ElementUI的Table组件中的固定列时，发现当表格刚好显示全，处于临界值状态时，固定列的高度(height)会于表格高度不一致，导致固定列显示不全，出现垂直滚动条。
如上图所示，现在表格下方是未出现水平滚动条的，处
2021-11-18 19:39:05
118KB
1
本文实例讲述了vue+elementUI实现表单和图片上传及验证功能。分享给大家供大家参考，具体如下：
最终实现需求如下图：
form表单内容与重点人员图片同时上传且图片为必填项
分析弹框页需要解决的问题有：
1、表单内容的验证及必填项
2、新增和编辑用同一个组件如何处理数据
3、图片需要和信息一起传递（即不允许自动上传）
4、图片必填的验证问题
针对上述问题作出方案：
1、el-form的表单验证需要注意几个地方：
a：el-form-item的prop值需要和表单标签的v-model值保持一致
例如：
<e
2021-11-17 11:49:08
148KB
1
本文实例讲述了vuex+axios+element-ui实现页面请求loading操作。分享给大家供大家参考，具体如下：
前言
我们在平常写项目的时候，发请求的时候肯定会习惯用一个 loading 遮罩层来防止用户在没拿到数据之前误操作
如果是页面同时只发送一个请求，那么无论是在组件中或者是在 axios 插件中进行请求和响应拦截都可以做到
但是，当一个页面同时要发送多个请求的时候，这么做显然就不行了
因为最先完成的请求会把所有请求的 loading 都给关闭
举个例子，第一个请求的响应时间为 3s ，第二个请求的响应时间为 1s ，两个同时请求的时候，loading 会开始
但是当 1s 后
2021-10-19 16:45:35
48KB
1
问题是这样的：
如果一个页面有多个按钮打开相同的element-ui的Dialog对话框，那么如果第一个点击”顺序”按钮出现红色验证提示语后， 再点击“取消”，或者点击页面空白处此对话框消失，而后再点击同一个“顺序”按钮亦或别的“顺序”按钮， 那么此红色提示依然存在，显然是无法忍受的，那么怎么去除呢，
这里也用到一个vue的一个语法watch，从字面意思上理解就是起到监控的作用，监控这个diaLog对话框的打开和关闭。
在 “ 代码一 ” vue中的data前面加上watch来监控对话框，对于function中的val,oldVla两个参数不必过多纠结，只要任意一个变量都可以，只是起到打开和
2021-09-28 09:36:23
93KB
1
一：在component文件夹下新建如下treeTable文件夹，里面有2个文件：
eval.js:将数据转换成树形数据
/**
* @Author: jianglei
* @Date: 2017-10-12 12:06:49
*/
"use strict";
import Vue from "vue";
export default function treeToArray(
data,
expandAll,
parent = null,
level = null
) {
let tmp = [];
Array.from(data).forEach(function(r
2021-09-06 14:20:59
102KB
1
1.使用场景
使用elementUI中的table时，给包含数字字母中文的名称等字段排序
例如：数字（0->9）->大写字母（A->Z）->小写字母（a->z）->中文拼音（a->z）
2.代码解析
<el-t
2021-08-31 17:48:59
72KB
1
前言：
这是我的做法，基本上是搬运官方的办法照葫芦画瓢，我也不知道有没有更好的方法能拿到 tree组件的实例
element-tree 增加节点的方法
如果在模板中定于了 的数据源如下：
那么在当前Vue组件实例中定义并初始化数据源
export default {
name: 'Tree',
data(){
return{
nodeData: [
{
id:999,
labelName:root,
children:[]
}
2021-08-30 10:42:52
50KB
1
本文介绍了vue + elementUI实现省市县三级联动的方法示例，分享给大家，具体如下：
1、首先需要准备省市县json文件，网上有很多可以下载。项目中使用的city.json数据是这样的格式：
[
{
"value": "110000",
"label": "北京市",
"children": [
{
"value": "110000",
"label": "北京市",
"children": [
{
"value": "110101",
"label": "东城区"
},
{
2021-08-12 18:52:13
78KB
1
前言
开发过程中遇到了一个需求，根据用户选择的联系方式，动态改变输入框的检验条件，并且整个表单是可以增加的
在线访问:动态表单校验
github(欢迎star): https://github.com/Mrblackant. ..
思考几个问题
1.整个表单是可新增的，所以要遍历生成；
2.联系方式(手机/座机)的切换，是要切换后边不同类型输入框还是只改变校验规则(本篇是动态改变校验规则)
实现
1.elementui的form表单实现校验的时候要给当前el-form-item加上prop属性,因为我们是遍历生成的表单，那我们的写法就要写成:
重点在prop属性
<template v-
2021-08-09 16:02:22
67KB
1
element-ui对话框可拖拽及边界处理
应业务需求，需要实现对话框可拖拽问题，应element-ui没有提供官方支持，于是便参考大神的文章，得出了适合业务需要的解决方案。很多大神给出的代码是没有解决边界问题的，但是不解决边界问题存在一个bug，拖到不可视区域后边再也拖不回来了，不信你们可以试试。
在实现的功能的情况下，封装成了js文件，然后再main.js中引入后可全局使用。
还是上代码吧
功能实现代码directives.js代码如下：
import Vue from 'vue';
// v-dialogDrag: 弹窗拖拽属性
Vue.directive('dialogDrag
2021-07-21 21:18:25
49KB
1