我们在使用element-ui的布局容器时，往往会出现这样的问题： 布局容器未充满整个屏幕，下面有一大片空白区域，极度不美观。 我不答应！ 对此，你可以试试以下方法： 第一步，可以先将包含aside区域与main区域的el-container标签的高度设置为100%,(element-ui中会有对映都css语句对应el-container标签，修改它即可) body>.el-container { margin-bottom: 40px; height: 100%;

工作中我们经常会用到element-ui组件库中的le-table组件来展示数据，但当table的数据源数量过大的时候统一展示可能会出现页面卡顿，且会影响用户体验，为此我们可以尝试对el-table中的数据做懒加载的效果展示： 1. 挂在阶段监听el-table的scroll滚动事件 2. 当table表格滚动条的位置+调试的固定高度+要显示数据的高度>=el-table-body(当前加载出的table数据总高度)时就可以向table数据源中push进新的数据了 // 1.在页面挂

源码地址：https://gitee.com/cheng-xuyuan/blogWeb.git（请忽略这句） 一、整体布局 上下划分，再左右划分。 主体代码： <el-container "> <!-- 头部区域 --> <el-header> </el-header> <el-container> <!-- 侧边栏区域 --> <el-aside >

当前记录的都是在工作中自己遇到的问题，记录下来是希望再次遇到时，可以直接应用，不需要花费很多的时间查找资料，当然，以下的方法大部分都是参照网上已有的资源，只是略作整合，引用时根据自己的实际情况做一下扩展。 vue前端，上传按钮--> 上传选择对话框js <el-button size="mini" type="text" icon="el-icon-document-add" @click="handleUpload()" >上传 </el-butto

对于el-upload标签的accept属性理解 近日测试提出一个bug，在上传文件时，如果选择internet快捷方式上传，此文件会直接显示下载。 正常上传文件都是不会打开文件和对文件进行操作的，测试说这个bug在其他系统中也遇到过暂未解决。就这句话，我就开始好奇了！ 我去百度了怎么生成Internet快捷方式。 新建txt文件，复制下面内容，然后将 .txt 后缀改为 .url 就得到了一个Internet快捷方式 [DEFAULT] BASEURL=http://hi.baid

课程地址:Vue3.0项目实战2021｜Vue差异化对比+实操公司后台管理系统｜零基础入门前端开发教程(C#/.Net/Vue基础/Vue3技术入门讲解/Vue实战)_哔哩哔哩_bilibili  https://www.bilibili.com/video/BV17V411j76p?p=1 ElementUI从入门到实战【升职加薪，只争朝夕】-学习视频教程-腾讯课堂  https://ke.qq.com/course/3547529 零.开篇介绍 Vue3  vs Vue2

elementui之el-input输入框内容限制 限制仅能输入数字，整数不得超过2位，小数不得超过2位 <template> <div class="content-box"> <div class="container"> <div>输入框限制数字,限制整数不得超过2位，小数不得超过2位</div> <el-input v-model.trim="iptNum

在实际的项目开发过程中，表头背景色的设置是非常常见的，然而ElementUI的样例中，没有相关的样例。这就很让人头大，真就 “高端的表格往往只需要最原始的表头样式” 无奈之下，我们只能细细研读ElementUI提供的一些 Table Attributes【表格属性】。附上官方链接：https://element.eleme.cn/#/zh-CN/component/table 我们很快就能锁定了两个属性：header-row-style，header-cell-style 把官方的话翻译成通俗易

前言 网上关于使用 rollup 打包 vue 组件的资料寥寥可数，故记录下 rollup 打包的踩坑之路，最终打包成类似 elementUI 的组件库。 多仓库管理组件成本实属太大，于是想做成npm包依赖减少维护成本，选用的是rollup工具打包。但如果有图片不建议用rollup打包，因为要装的各种插件实在太多了，也不支持 require 语法（装了 require 之类的库也不能正确引入），未知的坑略多，更适合打包纯代码文件… 附上 rollup 官方文档，vue 官网也有教程可供参

$refs 与 $el 是什么？ 作用是什么?  ref，$refs，$el ，三者之间的关系是什么？看本博主为您带来的最新文章，通过大量的列子来给你讲解，请带上你聪明的大脑，在这个过程中希望你可以举一反三。 ref  (给元素或者子组件注册引用信息)  就像你要给元素设置样式，就需要先给元素设定一个 class 一样，同理，你想获取哪个元素的 DOM，就给这个元素先设定一个 ref，其实这里和 JS 中的 document.各种方法获取 DOM 差不多，不过 ref 是访问 VUE

写项目时，发现 element 里的图标没有我需要的图标， 两种情况： ① 简单的替换小图标，没有选中变色等要求 ② 有选中变色等要求，稍微复杂的需求 第一种情况解决办法：  修改Element UI自带的小图标，替换成自己的  首先找到那个自带的图标class，然后代码如下 .el-icon-sunrise { background: url('你的图片路径') center center no-repeat; background-size: 24px; }

重要的不是过去，而是你怎末看待过去，而我们对过去的看法，是可以改变的。 效果预览： （1）删除表格外框，内框。 （2）添加表头边框，修改表头文字大小、颜色 （3）斑马格修改颜色，选中行高亮颜色修改 （4）修改滚动条样式 目录 一、原始样式说明 1.斑马纹表格 2.带状态表格 二、修改el-table样式 1.设置表格行高 2.修改背景色、字体颜色 3.设置表头字体 4.修改斑马格样式 5.修改hove行高亮颜色 6.修改滚动条样式 三、代码整合