功能需求:项目中用到的$message消息提示的方式,但是停留时间过长,用到的地方太多,想全局改掉。 在main.js中添加一下配置: import ElementUI from "element-ui"; //原先已引
用exceljs方法,设置导出excel表格的样式,比如居中,宽度,修改颜色等等。 exportExcel() { // 导出的表头 let columns = [ { name: "中国" }, { name: &qu
做一个el-table导出excel表格,不需要在导出js中传头部及内容数据,xlsx直接获取当前数据。 1、引入插件 import FileSaver from "file-saver"; import XLSX fr
用element-ui中的el-table做后台管理平台,所有页面都好的,就有一个页面需要动态加载表头列,如时间(2022-01,2022-02,2022-03,2022-04)无线变化,在进入页面会出现闪动(页面抖一下),用户体验很差!
想做一个表格嵌套表格的模板,如以下图片: 1、template代码如下: <el-table :data="listData" border v-loading="
1、清除缓存 npm cache clean –force 2、重新安装 npm install 3、安装刚才报错的插件
方法一:v-model双向绑定 <ul> <li v-for="(color, index) in colorList"> <el-color-pi
1、建一个export.js import dateTime from "@/utils/dateTime.js"; //封装当前时间组件 import { Message } from 'element-ui&
驼峰式命名法 驼峰式命名法就是当变量名或函式名是由一个或多个单词连结在一起,而构成的唯一识别字时,第一个单词以小写字母开始;第二个单词的首字母大写或每一个单词的首字母都采用大写字母,例如:myFirstName、myLastName,这样的
views下的文件夹命名 以小写开头的名词 views下的vue文件命名 1、大写开头 2、至少两个单词组成 3、常用结尾单词有(Detail、Edit、List、Info、Report) 4、组件以Item结尾 vue方法放置顺序 com
el-table用type="selection"单选,实现相同name可以多选否则单选。JS代码如下: selectionLineChangeHandle(selection, val) { let flag = 0;
在App.vue中加入以下css代码 .el-dialog { display: flex; flex-direction: column; margin: 0 !important; position: absolute; top: 50
1、el-select下拉框在上需要点击两次才能选中 解决方法: .el-scrollbar { .el-scrollbar__bar { opacity: 1 !important; } } 2、el-input聚焦时页面放大 解决方法1
<el-table-column prop="date" label="操作" align="center"> <template slot=&qu
nginx搭建vue项目后,强制刷新页面出现404是什么原因?下面web建站小编给大家分析一下! 原因分析: url地址是虚拟的,不是真实存在的,包括页面也是js控制,所以刷新就找不到文件而报404。 解决方法: 在server配置文件内
新增和修改用的是同一个el-dialog弹窗,新增弹窗出现rules校验信息后,关闭后点击修改事件,el-dialog弹窗还有rules校验信息,如何去掉。 解决方法: this.$refs.ruleForm.resetFields();
原先用的是@selection-change="selectionLineChangeHandle",发现会出现数据错乱,选中下一条获取的数据还是上一条。解决方法如下: template代码 //把下面语句 el-tab
在el-date-picker中新增@focus="forbid"方法,通过forbid触发屏蔽虚拟键盘。代码如下: <el-date-picker v-model="dateTime&qu
问题描述:nginx服务器项目用AppScan检测检查网页安全性能,出现以下问题: 1、缺少“Content-Security-Policy”头 2、缺少“X-Content-Type-Options&r
问题描述:用AppScan检测检查网页安全性能,出现以下问题: 1、检测到隐藏目录 2、缺少“Content-Security-Policy”头 3、缺少“X-Content-Type-Options&r