![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element-ui
卿本无忧
分享学习
展开
-
ElementUI table实现复杂表格
ElementUI table实现复杂表格原创 2022-07-07 17:21:23 · 2646 阅读 · 0 评论 -
Vue 记账凭证模块组件
基于vue+element的记账凭证页面效果:支持的快捷操作有:页面代码如下:<template> <div class="charge-container" id="chargeContainer"> <div class="charge"> <!--<h1 class="charge-title">记账凭证</h1>--> <div class="charge-head原创 2022-05-25 14:12:15 · 4934 阅读 · 21 评论 -
解决Element-ui的el-table出现的表格错位问题
在使用element-ui中的el-table时,我们经常会用到fiexd属性,而使用了fixed属性之后,就会容易在各种场景出现表格错位的问题。查阅element-ui官网,发现官网提供了doLayout方法来解决这个问题总结容易出现错位问题的几种场景及解决办法1、数据更新后出现的错位问题1.1 直接在数据赋值后执行doLayout方法this.data = data;// 在数据更新后执行this.$nextTick(() => { // myTable是原创 2022-05-19 15:09:33 · 14762 阅读 · 15 评论 -
Vue 实现EXCEL导出下载功能
一、POSTpost请求返回文件流转成blob下载api.jsexport const excelExport = (data) => { return request({ url: '/api/export', method: 'post', data: data, responseType: 'blob'//responseType为blob,后端返回文件流,前端转换成Blob对象下载 })}exp原创 2021-12-30 15:04:48 · 1153 阅读 · 0 评论 -
element-ui 全局配置Message提示距离窗口顶部的偏移量
需求使用this.$message写了大量Message提示,此时想全局修改Message距离窗口顶部的偏移量,发现需要对Message传入offset参数。解决方案一也可以直接全局修改Message提示框的样式,但这种只适用于一次只能弹出一个提示框的情况,如出现多个提示框,则所有提示框会重叠在一块。public.css.el-message { top: 200px !important;}main.jsimport 'public.css';解决方案二由于.原创 2021-12-28 15:28:37 · 7762 阅读 · 6 评论