![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
element
Apeng_0919
这个作者很懒,什么都没留下…
展开
-
element table数据量太大导致网页卡死崩溃
elementUI中的表格组件el-table性能不优,数据量大的时候,尤其是可操作表格,及其容易卡顿。原创 2023-01-12 11:00:56 · 6415 阅读 · 5 评论 -
前端实现导出excel表格(可直接复制)
这里是实现excel表格的方法主要思路如下:1.此方法只需要后端提供接口来获取需要制作成excel表格的内容;2.拿到数据先制作表头、表格,将内容加进表格,最后生成表格,直接下载到本地;// 导出表格 exportTable() { this.loading = true; //调用接口 exportExcel(config) .then((res) => { const code = res.data.c.原创 2021-07-30 11:19:33 · 1841 阅读 · 3 评论 -
el-upload上传图片
el-upload是element提供的上传图片组件,在实际项目中如何应用,这里有个我自己的示例:<!-- 上传图片 --> <el-form-item label="封面图片:" prop="excelFile"> <img :src="form.imgUrl" alt="" v-if="!isAdd" style="width:100%"> <el-upload class="原创 2021-07-30 11:06:27 · 1176 阅读 · 0 评论 -
el-table 穿梭框的实现(可直接复制)
<template> <el-dialog :title="title" :visible.sync="dialog" width="60%" :close-on-click-modal="false" :empty-text="loadInfo" center size="mini" style="lookDiaSty" @close="dialogClose" > <el-table.原创 2021-07-28 11:40:33 · 668 阅读 · 0 评论 -
vue+element 表格el-table显示数据加载中
查看element官网上表格的属性原创 2021-06-02 13:54:37 · 4697 阅读 · 0 评论 -
vue封装方法(一个方法在项目中多次使用)
1.新建一个js文件2.编辑formatter.js 文件(1)多个方法封装(2)单个方法封装3.在需要的vue文档中引入4.调用如有问题,欢迎留言!!!原创 2021-05-24 16:58:45 · 1201 阅读 · 0 评论 -
el-input 输入框里插入单位
代码如下:<el-input v-model="fullForm.releaseTime"> <i slot="suffix" style="font-style: normal; margin-right: 10px">秒</i></el-input>效果如下:原创 2021-05-18 18:12:06 · 1704 阅读 · 0 评论 -
vue+element 数字加字母验证码(直接复制,简单易懂)
可直接复制代码!!!<template> <div class="join_formitem"> <el-form ref="form" :rules="rule" :model="form"> <el-form-item label="验证码" prop="picLyanzhengma"> <el-input type="text" placeholder="请输入.原创 2021-05-08 14:55:57 · 1195 阅读 · 0 评论 -
elemenet弾框中使用echarts 报错Cannot read property ‘getAttribute‘ of null
在使用elementUI的抽屉<el-drawer>组件时,会有如下提示因此在第一次打开抽屉时 ,是获取不到DOM元素的。官网给出了解决办法,就是在open方法中获取相应的组件<el-drawer title="历史利润率" :before-close="handleClose" :visible.sync="dialog" direction="ltr" custom-class="demo-drawer" ref="draw原创 2021-05-08 11:55:24 · 340 阅读 · 0 评论