elementui

elementui中表单顶部对齐效果图： 通过设置 label-position 属性可以改变表单域标签的位置，可选值为 top、left，当设为 top 时标签会置于表单域的顶部

elementui中让input框和select下拉框长度相同elementui中让input框和select下拉框长度相同elementui中让input框和select下拉框长度相同

elementui中控制按钮长度和圆角elementui中控制按钮长度和圆角elementui中控制按钮长度和圆角

elementui的日期选择组件DatePicker适配移动端;elementui的日期选择组件DatePicker适配移动端

切换tab栏时，弹窗显示出来的弹框内容对应也要不一样；切换tab栏时，弹窗显示出来的弹框内容对应也要不一样；

elementui table 中加下拉菜单;elementui table 中加下拉菜单;elementui table 中加下拉菜单

elementui封装的table组件单元格中放"下拉框"和"数字计数器";elementui封装的table组件单元格中放"下拉框"和"数字计数器"

``` 列车： 工班： 人员： 日期： 查询 ``` ``` .statistics-filter-wrapper { display: flex; border-bottom: 1px solid

elementui中的table组件封装；ListTable.vue 调用封装的table组件 跳转到编辑/新建的form表单页面

``` {{ modeName }} 返回 重置 ``` ![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/3d6fa0d0

elementui中手写表单验证提交elementui中手写表单验证提交elementui中手写表单验证提交elementui中手写表单验证提交

οnkeyup="value=value.replace(/[^\d]/g,'')"  限制只能输入数字 验证输入数字大小是否在范围之内

el-tree的简单使用范例： tree的常用属性和事件讲解 属性 props可以指定数组中的那个属性名作为我们树结构来展示的，例如后端返回的数据结构如下： 我们需要name和children来作为展

效果图： 给表格设置row-class-name属性 然后在methods里面写下如下代码 在style里面写下“success-row”类的样式 避坑

用到的就是插槽 二，什么是插槽？ 插槽就是子组件中的提供给父组件使用的一个占位符，用 表示，父组件可以在这个占位符中填充任何模板代码，如 HTML、组件等，填充的内容会替换子组件的标签。 三，单个插槽

分页分为前端分页和后端分页，前端分页是先获取所有数据前端再来分页。性能不好 后端分页就是把数据传给后端，后端返回当前页相应的数据 后端分页： 在表格</el-table>后面加上分页代码，如果是其他的

elementui的 menu(菜单)样式修改包含hover;实际项目中，直接粘贴进去先，再根据自己的实际需求修改相应颜色即可

项目场景： 项目需求左侧菜单栏，当选中当前菜单后，需要关闭其他菜单选项。 展示效果 原因分析： 因为 elementUI中 el-menu 标签中 unique-opened属性 默认为 false