使用第三方UI 插件: vue-element UI
vue版本:V2.6

github: https://github.com/damys/vue-ele-admin

效果图:

主要配置文件 vue.config.js

const MiniCssExtractPlugin = require('mini-css-extract-plugin')
const Timestamp = new Date().getTime()
const Version = 'V0.01' // 生产模式module.exports = {publicPath: './',assetsDir: 'assets',filenameHashing: false,productionSourceMap: false,// runtimeCompiler: false,lintOnSave: process.env.NODE_ENV !== 'production', // 关闭eslint代码检查// css: {//   extract: false, // 是否使用css分离插件 ExtractTextPlugin//   sourceMap: false, // 开启 CSS source maps//   modules: false // 启用 CSS modules for all css / pre-processor files.//   // css 预设器配置项//   // loaderOptions: {//   //     sass: {//   //         data: `@import "./src/assets/hotcss/px2rem.scss";`//   //     }//   // }// },devServer: {port: 8086,host: '127.0.0.1', // 0.0.0.0open: true, // 配置自动启动浏览器https: false,hotOnly: false,// 是否让浏览器同时显示警告和错误overlay: {warnings: false,errors: false}},// 修改打包后js文件名  https://webpack.js.org/configuration/output/#outputchunkfilenameconfigureWebpack: { // webpack 配置output: { // 输出重构  打包编译后的 文件名称  【模块名称.版本号.js】filename: `assets/js/[name].bundle.js`,chunkFilename: `assets/js/[name].js`// chunkFilename: `assets/js/[name].[hash].${Timestamp}.js`   -- [hash,chunkhash,name}// 修改打包后css文件名plugins: [new MiniCssExtractPlugin({filename: `css/[name].css`,chunkFilename: `css/[name].css`})]}
}

Vue----ele-admin1相关推荐

  1. vue+ele 实现v-for动态数据循环表单,然后对每个结构进行表单校验的方法

    vue+ele 实现v-for动态数据循环表单,然后对每个结构进行表单校验的方法 项目开发时遇到form结构是动态遍历出来的,但是每个遍历出来的表单都需要做相对应的检验处理,ele提供的办法只能对单个 ...

  2. VUE+ELE图片预览组件

    1.首先添加图片点击事件 <el-image :src="xxx" @click="handlePreview()" /> 2.增加预览组件imag ...

  3. vue+ele启用停用

    //停用/启用change_status(row,index) {let _this=this;console.log(row);let obj={};if(row.status==0){obj={u ...

  4. vue与java连接的url_Vue路由器链接在URL中添加对象

    这是我的设定: main.js 创建一个vue并将组件App附加到dom中的元素 router.js 设置路径 App.vue 有 router-view 和几个 router-link 问题: 链接 ...

  5. 【实战 Ids4】║ 客户端、服务端、授权中心全线打通!

    1.经过元旦两天的全力整改,终于在这新的一年,完成了我的布道生涯的第一个大步走 -- 那就是客户端(VUE).服务端(ASP.NET Core API).授权中心(IdentityServer4)的大 ...

  6. 最全的 netcore 3.0 升级实战方案

    1.哈喽大家中秋节(后)好呀!感觉已经好久没有写文章了,但是也没有偷懒哟,我的视频教程<系列一.NetCore 视频教程(Blog.Core)>也已经录制八期了,还在每周末同步更新中,欢迎 ...

  7. 歌谣--回顾2020 展望2021

    目录 歌谣--简介 歌谣--三年半工作技能总结 歌谣--与csdn的故事 歌谣--过去的2020 歌谣--个人小总结 歌谣--朋友与同事 歌谣--一年前与一年后 歌谣--个人公众号 歌谣--展望202 ...

  8. hibernate oracle 读写分离_ASP.NET CORE 国产最火前后端完全分离框架BCVP

    BCVP(Blog.Core&Vue Project)是.NET界开箱即用的企业级前后端分离[ .NET Core3.1 Api + Vue 2.x + RBAC]权限框架,由国内微软MVP& ...

  9. 关于element el-select失效

    之前一直以为是vue响应原理的问题去做$set,后面发现方法1可以很好地解决 方法2的话用于未定义添加改动属性的行为 1:vue data中写一次这个el-select 的绑定的属性 绑定声明 < ...

  10. 自定义element-ui的table字体颜色,及背景色

    遇到一个需要根据报警级别来区分table数据的需求,一开始的想法是改变字体颜色,看了下ele文档,有个cell-style的属性,可以通过回调,返回样式.感觉so easy 那就来吧,直接上代码 界面 ...

最新文章

  1. java集成网站微信,微博,qq登录
  2. MVC之Model转Json
  3. Spring Boot+JPA 查询数据方式与代码演示
  4. 【Ansible 文档】【译文】Ad-Hoc 命令介绍
  5. 线条边框简笔画图片大全_表情包丨表情包简笔画图片大全可爱
  6. 如何查询淘宝天猫的宝贝类目
  7. 【RPA】PDF生成器FPDF(Python篇)
  8. [4G5G专题-22]:架构-3GPP组织以及3GPP标准各个版本的演进路线
  9. mysql 磁盘已满_记一次 mysql 磁盘满解决过程
  10. 程序员因接外包坐牢 456 天!两万字长文揭露心酸真实经历
  11. 一个人、一瓶酒、半斤肉饼、两杯饮料
  12. 【FF14】工匠配方爬取
  13. SWAT—Samba WEB管理工具
  14. datatable render formatter
  15. python api讲解_集合api讲解_Python C编程视频课程_Python视频-51CTO学院
  16. 蓝格赛中国启用Informatica PIM系统,加速多渠道战略和数字化转型
  17. 移动卡增强信号的服务器,增强手机4g信号小方法(解决电信4g网络不稳定)
  18. php日志记录函数,php记录日志函数(DLOG)
  19. PS 学习笔记 04-矩形选框工具组(选区概念)
  20. 汇编语言 (王爽) 第二章笔记

热门文章

  1. 2019年电赛之路——2015年电子设计竞赛A题任务设计
  2. Zephry Uart Device详解
  3. 全国全量企业工商数据分析报告1
  4. 产品快速迭代需要注意点
  5. web - 常见浏览器及内核
  6. 企业招聘黑名单的9类人,你中枪了么?
  7. 修改服务器线路,介绍几种常见的网络服务器线路
  8. 一个月的时间让你的词汇量翻一翻
  9. android 判断 飞行模式,Android 判断飞行模式的状态
  10. java 读取Excel(.xls格式)