通过设置:header-cell-style="{backgroundColor:’#fcfcfc’}"第一种：<template><div><el-table :data="tableData" :header-cell-style="{backgroundColor:'#fcfcfc', color: '#333'}"></el-table>&l

<template><div><el-form :inline="true" :model="form" ref="form" :rules="formRule"><el-form-item label="标题" prop="titleId"><el-select v-model="form.titleId" filterable placeh

切换的时候使用不同的组件：第一种：<template><div><el-tabs type="border-card" v-model="activeName" @tab-click="handleClick"><el-tab-pane label="浏览记录" name="1"></el-tab-pane><el-tab-pane

通过 a 标签的 href 属性来实现下载<template><div><a :href="downloadUrl+'?type=excel'">// 此处下载是get请求，type=excel为后台要求要传的请求参数，要拼接在 地址后面<el-button size="small" type="primary" style="margin-left:10

1、在 build —> webpack.base.conf.jslet publicPath = ''if (process.env.NODE_ENV === "production") {publicPath = config.build.assetsPublicPath} else if (process.env.NODE_ENV === "testing") {publicPath

1、安装：npm install js-md5 -D2、使用：一、在需要使用的页面：<script>import md5 from 'js-md5'export default{created(){console.log( md5('hello') )// 结果为： bceca35d0a12baad472fbe0392bcc143}}</script>二、如果很多地方用到，

这里以boss直聘展示的效果为例，页面正常打开显示导航栏及头部，页面向下滚动时，出现固定定位头部，且只有搜索部分。页面打开不下拉时：页面下滑一定距离时展示效果：通过监听页面滚动，然后设置样式来控制哪些显示哪些隐藏：//<template><div><div :class="{'home-header': true, 'home-header-fixed': show

1、安装插件npm install file-saver --savenpm install xlsx --savenpm install script-loader -D2、在src文件夹下新建 excel文件夹，并在excel文件夹下新建 Blob.js 和 Export2Excel.js3、使用：（1） 如果项目中有很多地方用到导出数据成表格，则在 main.js中引入 Blob.js 和

// router文件夹下的 index.jsimport Vue from "vue";import Router from "vue-router";import routes from "./routes";// 配置的路径Vue.use(Router);const router = new Router({routes,scrollBehavior// mode: 'history'});

数组转树形结构function toTree(data) {let result = [];if (!Array.isArray(data)) return result;data.forEach(item => {delete item.children;//删除item下的children，以防多次调用});let map = {};data.forEach(item => {ma