随笔分类 -  element ui

上一页 1 2
element ui
vue管理系统（element-admin）在render函数中使用指令
摘要：问题描述 需求：table列表中文字溢出隐藏，并且隐藏的文字要使用title提示。 问题分析 需要一个title提示的指令或者方法 在table列表的数据中使用这个指令或方法 问题解决 写了一个全局指令, 如果文字溢出了就提示title，如果文字没有溢出就不显示title。 // 溢出隐藏显示tit 阅读全文
posted @ 2021-04-21 13:28 小方块的世界 阅读(793) 评论(0) 推荐(0)
Failed to load config "lugin:vue/essenti al" to extend from.
摘要：问题描述 Failed to load config "lugin:vue/essenti al" to extend from 问题分析 按照此最新文档中的说明进行操作 https://github.com/vuejs/eslint-plugin-vue/tree/v3.14.0#readme e 阅读全文
posted @ 2021-04-11 13:10 小方块的世界 阅读(3225) 评论(0) 推荐(0)
/deep/在chrome89+中出现样式混乱的问题
摘要：问题描述 elementui-admin项目中使用/deep/在chrome89+中出现样式混乱的问题 公共样式文件中，使用/deep/，在main.js中引用，chrome89版本以下生效。chrome89+ /deep/选择器失效，导致样式错乱，覆盖的样式失效。 问题分析 Chrome 63将删 阅读全文
posted @ 2021-03-12 19:25 小方块的世界 阅读(450) 评论(0) 推荐(0)
elementui table 闪动以及table不停拉伸的问题
摘要：问题描述 使用elementUI的table组件时发现，进入页面加载数据后页面不停闪动 问题解决 // el-table渲染页面抖动,全局添加样式 .el-table { width: 99.9% !important; } 可能衍生问题 切换路由后table表格加载数据时候table宽度变小或者变 阅读全文
posted @ 2021-03-03 21:15 小方块的世界 阅读(4890) 评论(0) 推荐(0)
elementUI 金额输入框实现
摘要：问题描述 封装一个金额输入框 问题分析 首先需要一个金额格式化的方法，可以在input输入框上覆盖一个遮罩显示格式后的金额。 组件 <template> <div class="m-input"> <el-input-number ref="input" :min="curMin" :max="cu 阅读全文
posted @ 2021-02-25 14:49 小方块的世界 阅读(4079) 评论(0) 推荐(0)
elementUI表格宽度变化后不对齐的问题
摘要：问题描述 elementUI table表格渲染数据时，thead和tbody中的列宽不一致 问题解决 全局设置以下样式： body .el-table th.gutter{ display: table-cell!important; } body .el-table colgroup.gutte 阅读全文
posted @ 2021-02-22 15:24 小方块的世界 阅读(1131) 评论(0) 推荐(0)
element ui table 在flex布局中宽度不能自适应
摘要：问题描述： 在vue-element-admin项目中需要实现多个列表并排排列，于是想到使用flex布局，页面渲染之后发现，当拉伸显示区域，table宽度能自动拉伸，但是当压缩显示区域发现，table的宽度不能自适应。 解决方法 .item-body { display: flex; height: 阅读全文
posted @ 2021-01-28 16:33 小方块的世界 阅读(2715) 评论(0) 推荐(0)
一个step组件
摘要：问题描述 开发一个step组件，发现当页面放缩后step的步骤之间间隙变大，不能自动伸缩，于是想到监听元素宽度变化，重新设置step的宽度。 解决方法 使用element-resize-detector // 首先安装 `element-resize-detector` // 引入 const De 阅读全文
posted @ 2021-01-21 20:41 小方块的世界 阅读(224) 评论(0) 推荐(0)
element ui Form手动触发表单验证
摘要：触发对整个表单的验证： this.$refs.Form1.validate() 触发对表单部分字段的验证： this.$refs.Form1.validateField("password") 阅读全文
posted @ 2021-01-11 11:17 小方块的世界 阅读(4941) 评论(0) 推荐(0)

上一页 1 2