2022年5月6日
elementui-table 表格二次封装(含 搜索工具、表格列表、页码)，适用不太复杂场景
摘要： 前言：1.使用具名插槽动态插入表格顶部检索框，使用具名插槽动态插入表格列数据；页码封装成单独组件。 2.本代码中有简单适配手机端的部分，不使用可以去除。 步骤1.在src=>components=>DataTable DataTable: <template> <div class="app-con 阅读全文
posted @ 2022-05-06 17:34 赵辉Coder 阅读(659) 评论(0) 推荐(0) 编辑
基于 ElementUi 二次封装可复用的弹窗组件
摘要： 子组件： <template> <div class="base-dialog"> <el-dialog :title="title" :visible.sync="visible" :width="width" :append-to-body="appendToBody" > <slot></sl 阅读全文
posted @ 2022-05-06 14:38 赵辉Coder 阅读(668) 评论(0) 推荐(0) 编辑
vue 按需引入elementui
摘要： 基于 vue2.6,vue-cli3/4 方式一： 步骤1：npm i element-ui -S 步骤2：npm install babel-plugin-component -D 步骤3：npm i @babel/preset-env -D 步骤4：本教程使用的 vue cli 版本为 4.5， 阅读全文
posted @ 2022-05-06 12:00 赵辉Coder 阅读(632) 评论(0) 推荐(0) 编辑
2022年5月5日
vue elementui el-tabs切换tab重新加载
摘要： 2个tabs建议使用： <template> <div> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="审核提醒" name="first" lazy key="'first'"> <Revie 阅读全文
posted @ 2022-05-05 14:52 赵辉Coder 阅读(4171) 评论(1) 推荐(1) 编辑
前端vue导出后端返回的word excel zip流文件下载
摘要： 在日常开发中，我们可能会遇到导出excel word的情况，而后端此时给我们返回的是一个文件流，需要前端将文件流转为url地址进行下载。 可以将这个方法封装成一个工具类，方便其他地方调用，我这里放到了utils.js里面 js： export function exportFile(data,typ 阅读全文
posted @ 2022-05-05 10:07 赵辉Coder 阅读(2199) 评论(0) 推荐(0) 编辑
2022年4月13日
vue-element-admin table表格导出(含踩坑)
摘要： 步骤一：安装插件 npm install xlsx file-saver -S npm install script-loader -S -D 步骤二：在src新建目录vendor 在vendor新建文件Export2Excel.js 然后将链接中的代码复制到Export2Excel.js http 阅读全文
posted @ 2022-04-13 20:02 赵辉Coder 阅读(547) 评论(0) 推荐(0) 编辑
2022年4月11日
elemnetui table 排序，含处理null undefined值
摘要： <el-table ....省略其他配置 @sort-change="onSortChange" > </el-table> 方法： onSortChange(column) { if (column.order !== null && column.prop) { let data1 = []; 阅读全文
posted @ 2022-04-11 10:08 赵辉Coder 阅读(223) 评论(0) 推荐(0) 编辑
2022年3月8日
解决Ant Design DatePicker 日期组件选中后无法关闭面板弹窗的问题！
摘要： 1.选择日期后面板不会自动关闭 解决办法： 比如选择年组件，选中后弹窗不会自动关闭 <template> <div> <!-- 年选择组件 --> <a-date-picker v-model="year" mode="year" :allowClear="false" format="YYYY" 阅读全文
posted @ 2022-03-08 11:50 赵辉Coder 阅读(2102) 评论(0) 推荐(0) 编辑
vue循环调接口
摘要： // 文件导出处理函数 funExport(exportTypes) { //导出附件 const zip = new JSZip() const cache = {} const promises = [] this.loading = true this.total = exportTypes. 阅读全文
posted @ 2022-03-08 10:52 赵辉Coder 阅读(609) 评论(0) 推荐(0) 编辑
2021年12月26日
ant design vue表格（具名插槽和作用域插槽的使用）
摘要： 具名插槽： 作用域插槽： 阅读全文
posted @ 2021-12-26 12:05 赵辉Coder 阅读(805) 评论(0) 推荐(0) 编辑