![](https://img-blog.csdnimg.cn/20191113151902301.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
element-ui
主要记录一些在实际开发中踩的坑
来打小怪啊
You can be who you want to be
展开
-
elementui 禁止浏览器自动填充用户名或密码
给 el-input 元素添加 readonly 属性,并在 el-input 元素获得焦点时,移除 readonly 属性。关键代码:readonly οnfοcus="this.removeAttribute('readonly');"elementui 禁止浏览器自动填充密码,代码示例如下:<el-form-item v-show="dialogType === 'add'" label="密码" prop="password" title="密码强度要求:需包原创 2021-03-29 10:49:30 · 1137 阅读 · 1 评论 -
element-ui table 实现客户端自定义列的显示隐藏
文章目录前言一、最终实现的效果图二、实现步骤1. 列设置数据定义2. 本地数据存取方法封装2. 给表格添加右键出现的菜单3. 列设置数据与表格列进行关联4. 其它问题1. 列由隐藏,设置为显示后,表格抖动、样式错乱?总结前言提示:功能实现过了好久了,突然想起来一直没做个总结。好记性不如烂笔头,gogogo!使用 element-ui 的 <el-table> 来显示系统中各种各样的数据,感觉美滋滋啊,方便又美丽。直到那天,来了个需求:给表格添加上数据列自定义显示/隐藏的功能。开始研究文档原创 2020-12-16 16:37:05 · 4758 阅读 · 4 评论 -
谈谈 vue + element-ui 的后端排序
前言element-ui 在 el-table 组件中提供了很多可用于排序的属性和方法,可用于前端排序或者后端排序。相对于前端排序,后端排序更复杂一些,也更常用一些。下面记录的是在实现后端排序时,实现多列排序的过程。实现多列排序为单列添加排序根据 element-ui 的文档,可以很容易的实现一个后端排序。使用 el-table 实现后端排序,需将 sortable 设置为 custom,同时在 table 上监听sort-change 事件,在事件回调中可以获取当前排序的字段名和排序顺序,从原创 2020-06-02 22:23:48 · 3216 阅读 · 0 评论 -
vue - element 分页器 Pagination 组件封装
1. Pagination.vue<template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="currentPage" ...原创 2020-04-24 10:58:00 · 1414 阅读 · 0 评论 -
vue - element 表格使用总结(分页器、查询表单、多级表头、展开行、自定义列、后端排序、响应式高度)
element 表格使用总结原创 2020-04-22 15:24:49 · 2629 阅读 · 0 评论