首先还是要明确几个概念，这里通过修改css并截图给大家介绍下，理解了这几个概念，代码写起来会得心应手许多。clientWidth，clientHeightscrollWidth，scrollHeightoffsetWidth，offsetHeightclientLeft，clientTopscrollLeft，scrollTopoffsetLeft，offsetTop1. clientWidth，
转载
2024-03-25 20:01:46
976阅读
一：安装及引入1.1安装方式一：用CDN引入<!-- 引入样式 --><link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"><!-- 引入组件库 --><script src="https://unpkg.com/element-ui/lib
转载
2024-09-03 10:58:23
113阅读
第二章 表格和表单内容回顾HTML的基本标签有哪些HTML的标题标签和段落标签是什么HTML的文本标签有哪些如何在页面中插入图片和视频本章内容如何使用表格展示数据，如何使用表单收集数据。第一节 表格1.表格的基本结构表格的作用是用于展示数据，例如，财务报表，公交车时刻表，电视节目表。在大多数情况下，这类信息都是由列标题或行标题加上数据本身构成。下面是一个表格的基本结构: 在HTML中定
转载
2024-03-25 07:11:45
79阅读
/*
* 定义公共js里，在入口文件main.js中import；
* 给elementUI的dialog上加上 v-dialogDrag 指令就可以实现弹窗的全屏和拉伸了。
*/
// v-dialogDrag: 弹窗拖拽+水平方向伸缩
Vue.directive('alldialogDrag', {
bind(el, binding, vnode, oldVnode) {
转载
2024-04-04 07:08:12
169阅读
我不得不吐槽一下，我的js水平，真的是烂。哎，学吧。前几天写了一个关于竖向轮播的功能，链接如下：实现两个公告同屏滚动轮播(elementUi-走马灯效果实现)效果如下： 代码如下：<el-carousel height="26px" direction="vertical" indicator-position="none" :autoplay="autoplay">
<
转载
2024-04-24 16:41:27
101阅读
介绍背水一战 Windows 10 之 控件（控件基类 - UIElement）获取 UIElement 的位置UIElement 的布局相关（Measure, Arrange）UIElement 的非完整像素布局（UseLayoutRounding）UIElement 的其他特性（Visibility, Opacity, CacheMode）示例1、演示如何获取 UIElement 的位置Con
一、前后端分离1.什么是前后端分离？前端和后端分离开前端: 将浏览器中为用户进行页面展示的部分称之为前端后端: 为前端提供业务逻辑和数据准备的所有代码统称为后端前后端分工: 前后端开发工作的分工就是前后端分离。 前后端分工;(错误的认识)真的前后端分离: 不仅仅是前端和后端的分工开发,而是架构的模式2.交互形式 在前后端分离架构中，后端只需要负责按照约定的数据格式向前端提供可调用的API服务即可。
转载
2024-09-10 20:41:22
111阅读
element组件源：组件 | Element在原组件中表头固定需要设置height高度，但是设置以后浏览器高度变化table不会变化，会出现一系列问题，就需要监听浏览器高度变化给height重新赋值。关键代码<el-table
:data="tableData"
style="width: 100%"
:height="tableHeight
转载
2024-06-04 01:30:57
1232阅读
上一个版本（第一版请看这里）基本实现了多级联动和浮动菜单的功能，但效果不是太好，使用麻烦还有些bug，实用性不高。 这次除了修改已发现的问题外，还对程序做了大幅调整和改进，使程序实用性更高，功能更强大。 效果预览 菜单使用演示： 位置： 第四个第三个第二个第一个1秒0.5秒0.2秒不延时 仿京东商城商品分类菜单： 图片效果
动画效果
今天需要些一个回复评论的页面，设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好，然后想起了新浪微博的做法：点击评论，默认显示一行，当输入的文字超过一行或者输入Enter时，输入框的高度会随着改变，直到输入完毕。顿时觉得这个细节做得挺不错的，可以效仿下。下面分享2种实现textarea高度自适应的做法，一种是用div来模拟textarea来实现的，用CSS控制样式，不用J
转载
2024-06-08 09:40:42
597阅读
bug原因el-table不能同时达到表头fixed和多表头嵌套的效果，需要修改一下element的源码才能实现公司的框架中用的饿了么框架版本是2.9.2，贴一个源码下载地址：element源码下载地址，分支的tag里可以切换版本百度了许多答案，都说只修改table-layout.js就可以实现多表头固定的效果，我试了全部都不生效，不知道是element版本布适配还是其他答案中固定的方法有问题，姑
转载
2024-02-26 14:58:14
583阅读
文章目录6. UI组件库和常用插件6.1 Element-ui6.2 Vue-router6.2.1 基本用法6.2.2 跳转6.2.3 路由嵌套6.2.4 路由参数传递6.3 Axios6.3.1 基本使用6.3.2 json-server的安装及使用6.3.3 跨域处理6.3.4 Vue中Axios的封装 6. UI组件库和常用插件6.1 Element-uivue的核心思想是组件和数据驱动
转载
2024-03-25 15:21:34
149阅读
文章目录 在开发时我们可能会遇到这样一个需求，动态生成form表单，选择其中的某几个表单进行验证提交。 首先分析需求: 1.动态生成表单 2. 表单循环验证 3.对选中的表单进行验证 4.提交。 第一步，只要根据后台返回的数据循环就能实现。 第二步，百度一下，我们还是能搜到许多文档： 表单循环验证 前两个步骤就这么愉快的实现了， 第三步，当只有订单选择按钮为选中状态时，点
转载
2024-06-01 18:25:08
97阅读
.el-dialog__body{height: 50vh;overflow: auto;}不过要注意的是 class 放在 <el-dialog> 内部，别放在 <el-dialog> 上。Refere
原创
2022-12-22 00:34:08
1526阅读
页面有效区域就那么大，甲方爸爸喜欢看表格数据时 它的表头可以固定住，不要全屏滚动。 直接使用el-table的height属性，可以传一个高度给它，就会以这个高度固定表格，内部数据滚动~ 但是我想屏幕大小table自适应高度，天真的输入80%， 发现不生效！这就需要人为操作如下： <template ...
转载
2021-11-02 11:13:00
1626阅读
2评论
表格中我们经常需要动态加载数据， 如果有多个页面都需要用到表格， 那我希望可以有个组件， 只传数据过去显示， 不用每个页面都去写这么一段内容： 1 <el-table :data="tableData" border size="mini" fit highlight-current-row height="500">
2 <el-table-column ty
转载
2024-04-23 10:37:58
686阅读
.el-table__header tr, .el-table__header th { padding: 0; height: 30px; line-height: 30px; } .el-table__body tr, .el-table__body td { padding: 0; heigh
原创
2021-07-21 10:10:15
4924阅读
关于element-ui表格使用的一些方法最近在用Vue.js和elment-ui做一个后台管理项目,不得不说element功能非常强大,提供了许多组件,基本可以满足一些基础的开发了.因为我做的后台系统,里面表格用到比较多,但是其实我也只是一个刚入行不久的菜鸟,只看官方文档,开发起来还是有难度.不过经过不停的测试以及查阅资料,还是勉强实现了效果,这里就把一些方法分享出来,
转载
2024-05-18 06:52:45
115阅读
ElementUI简介 我们学习VUE,知道它的核心思想式组件和数据驱动,但是每一个组件都需要自己编写模板,样式,添加事件,数据等是非常麻烦的, 所以饿了吗推出了基于VUE2.0的组件库,它的名称叫做element-ui,提供了丰富的PC端组件ElementUI官网：http://element-cn.eleme.io/#/zh-CN注1：类似前端框架还有iview 案例：<!DOCTYPE
转载
2024-04-18 10:18:39
95阅读
1.开发需求在日常开发中，我们会遇到form表单的动态添加和校验，当我们需要在动态添加的内容中再次动态使用输入框的时候，就会变得很繁琐，我在网上找了很多案例，没有符合自己需求的内容，只好闲暇时间自己搞一下了...比如一下操作，在一个输入框中输入多个批号，然后提示多个批号有逗号分开。这种操作让用户操作起来就很不方便然后我就想到了，在element中，有一个动态添加tag的案例，于是就想着使用这个方式
转载
2024-07-25 21:29:29
582阅读
