05 2022 档案
摘要：第一部分： table pagination 分页查询封装 src=>components=>common=> BaseTable.vue <template> <div> <el-table :class="customer ? 'common-customer-table' : ''" ref=
阅读全文
摘要：情况1:组件中直接使用的是el-table <el-table ref="table"></el-table> 那么需要在用到的地方直接使用 this.$nextTick(() => { this.$refs.table.bodyWrapper.scrollTop = 0 }) 情况2:将el-ta
阅读全文
摘要：Vue Element-UI dialog弹框 表单 编辑后再点击新增 表单无法重置 问题：使用Vue Element-UI dialog嵌套表单，新增和编辑公用一个表单；先点击编辑后打开弹窗，关掉弹窗，点击新增，发现form表单没有清空 原因： （1）resetFields()只是重置为初始值（2
阅读全文
摘要：首先要区分this.$router 和this.$route: $router为VueRouter实例，想要导航到不同URL，则使用$router.push等方法 $route为当前router跳转对象，里面可以获取name、path、query、params等参数信息 1.query方式传参和接收
阅读全文
摘要：SearchTable为子组件，其中参数searchConfig数据结构如下： 行业类别options: this.industryData的this.industryData需要异步获取，一开始我是将searchConfig放到data中的，发现子组件取不到值(因为his.industryData
阅读全文
摘要：前言：1.使用具名插槽动态插入表格顶部检索框，使用具名插槽动态插入表格列数据；页码封装成单独组件。 2.本代码中有简单适配手机端的部分，不使用可以去除。 步骤1.在src=>components=>DataTable DataTable: <template> <div class="app-con
阅读全文
摘要：子组件： <template> <div class="base-dialog"> <el-dialog :title="title" :visible.sync="visible" :width="width" :append-to-body="appendToBody" > <slot></sl
阅读全文
摘要：基于 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，
阅读全文
摘要：2个tabs建议使用： <template> <div> <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="审核提醒" name="first" lazy key="'first'"> <Revie
阅读全文
摘要：在日常开发中，我们可能会遇到导出excel word的情况，而后端此时给我们返回的是一个文件流，需要前端将文件流转为url地址进行下载。 可以将这个方法封装成一个工具类，方便其他地方调用，我这里放到了utils.js里面 js： export function exportFile(data,typ
阅读全文