Element UI
文章平均质量分 60
Element UI 开发中的一些分享
ZionHH
前端
展开
-
el-table 列分页
el-table 列分页原创 2023-11-03 14:48:25 · 862 阅读 · 0 评论 -
el-table 列背景色渐变
ElementUI el-table 列背景色渐变原创 2023-09-15 11:01:03 · 985 阅读 · 0 评论 -
基于el-scrollbar封装滚动条
基于el-scrollbar封装滚动组件,提供回到顶部、滚动放向、最大高度功能。原创 2023-08-24 17:49:01 · 455 阅读 · 0 评论 -
多个el-select下拉框,选择互斥
有多个el-select下拉框,共用一个选择数据,其中一个下拉框选中项,在其它下拉框中禁选(选项互斥)获取所有select选中的值,每个select删除掉自己选中项,将其它的值禁用。原创 2023-04-27 16:29:47 · 1910 阅读 · 0 评论 -
el-table实现表格树结构连接线
表格树结构连接线原创 2022-11-02 14:36:02 · 2706 阅读 · 0 评论 -
el-table滚动懒加载,显示加载状态
1.添加自定义指令// main.jsVue.directive('tableScroll', { bind (el, binding) { // el-table 内容滚动区域 const bodyWrap = el.querySelector('.el-table__body-wrapper') bodyWrap.addEventListener('scroll', function () { let sign = 0 .原创 2020-12-17 13:52:33 · 2056 阅读 · 2 评论 -
Element UI el-checkbox-group v-model 不支持 对象(object) 解决方案
这个问题在官方 Issues 看到不少相关问题 [Feature Request] checkbox-group value bound object array但是官方没有计划支持方法一label 还是绑定官方限定的类型,在选中后使用 computed 实现<template> <div id="app"> <el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @chang原创 2020-08-24 16:45:51 · 5372 阅读 · 0 评论 -
el-table type="expand" 子项无数据时不显示展开按钮
父级表格设置属性 :row-class-name="getRowClass"<el-table :data="tableData" :row-class-name="getRowClass"> <el-table-column type="expand"> <template slot-scope="props"> ... </temp...转载 2020-04-21 21:01:11 · 6120 阅读 · 0 评论 -
el-select 远程搜索 IE 下的坑
IE 下 url 请求中文乱码,导致你的请求参数不正确,所以远程搜索无法返回正确值,需要将中文转码后再发起请求。<el-select v-model="value" multiple filterable remote reserve-keyword placeholder="请输入关键词" :remote-method="remoteMethod" :loading="...原创 2020-02-25 15:10:46 · 795 阅读 · 0 评论 -
Element UI 滚动条组件scrollbar设置 max-height 的使用
el-scrollbar 之设置 max-height 显示滚动条很多博主写了父级固定高度的使用,这里写下 max-height 如何设置<!-- 嵌套你需要滚动的地方 --><el-scrollbar></el-scrollbar>.el-scrollbar { .el-scrollbar__wrap { max-height: 300px...原创 2019-12-26 20:12:04 · 6772 阅读 · 0 评论 -
Element UI el-tree 默认展开指定节点
主要两个参数 node-key 和 :default-expanded-keys<el-tree ref="tree" v-loading="treeLoading" :data="studentTree" :props="defaultProps" :highlight-current="true" node-key="id" :default-expanded-keys=...原创 2019-11-01 18:32:29 · 11811 阅读 · 3 评论 -
Element UI el-tree 保存当前展开节点,再次异步获取树结构数据时默认展开当前保存的节点
之前的一篇博客写了 el-tree 默认展开节点 https://blog.csdn.net/z291493823/article/details/102862325项目有新需求,要添加删除树结构的数据,但是每次操作完再请求数据,树又回到了初始状态,于是想到把当前展开的节点保存起来,再请求回来就默认打开了<el-tree ref="tree" v-loading="treeLoadi...原创 2019-11-14 19:05:44 · 5636 阅读 · 3 评论 -
Element UI el-input 限制只能输入正数,小数点后输入两位
<el-input v-model="value" @keyup.native="value = oninput(value)"></el-input>data () { return { value: '' }},methods: { oninput(num) { var str = num var len1 = str.substr(0, 1)...原创 2019-11-26 10:25:56 · 14113 阅读 · 6 评论