![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
elementui
_不是惊风
明天会吹拂着明天的风
展开
-
el-table 排序
el-table排序原创 2022-07-26 10:01:33 · 5047 阅读 · 2 评论 -
el-table动态表头,动态数据处理
在el-table中遇到一个有意思的数据处理,以下数据表头为动态的数据此数据表头处理比较简单,难点在于表头对应的数据,当后端返回的数据只有部分时,如只有温度就返回温度,只有PM2.5就只返回PM2.5,而且后端没有返回其他没有的字段的默认值,此时我们就需要对数据进行处理对应好数据所在的位置不然则会出现PM2.5的值跑到了温度下面<el-table> <el-table-column align="center" label="序号" type="index"> </原创 2022-01-05 15:40:03 · 5545 阅读 · 7 评论 -
Vue导入上传Excel
对Excel的数据进行上传首先需要使用xlsx此文章的上传方式为手动上传(数据解析可在前端进行,也可交由后端处理)安装插件 npm install xlsx引入 import XLSX from ‘xlsx’使用el-upload进行上传 (el-upload在这不再做介绍)<el-upload :show-file-list="true" :headers="{ Authorization: token }"原创 2021-12-27 16:30:51 · 3193 阅读 · 0 评论 -
elementui 表格插入图片并且鼠标移入放大
先来看下效果图如果需要移入图片放大则可使用el-popover悬浮效果<el-table-column align="center" label="模板封面" prop="image"> <template slot-scope="scope"> <el-popover placement="right" title="" trigger="hover" > <!-原创 2021-12-23 10:36:22 · 2012 阅读 · 1 评论 -
el-tree清空、设置默认值等功能
<el-tree ref="permissions" :default-checked-keys="permissionChecked" @check-change="handleCheckChangePermissions" //节点选中状态发生变化时的回调 @check="handleCheckChangeArea" //当复选框被点击的时候触发 :data="PermissionsTreeData" show-checkbox node-key="id" :check-原创 2021-12-15 15:41:47 · 2656 阅读 · 0 评论 -
vue导出pdf
一、安装第一个.将页面html转换成图片npm install --save html2canvas 第二个.将图片生成pdf在这里插入代码片npm install jspdf --save二、定义函数,创建两个工具js文件新建utils文件夹 将htmlToPdf.js放入htmlToPdf.js:/* eslint-disable *///不使用JQuery版的import html2canvas from 'html2canvas';import JsPDF from 'jsp原创 2021-12-14 15:08:01 · 1214 阅读 · 1 评论 -
vue分页 对el-pagination进行二次封装
分页组件Pagination<template> <div class="container"> <el-pagination style="margin-left: 20px; margin-top: 20px" @size-change="handleSizeChange" @current-change="handleCurrentChange" :原创 2021-12-14 14:51:26 · 506 阅读 · 1 评论