HTML
奥特曼老师
你的未来,在你的脚下,自己走了才知道
展开
-
el-table的表格合并
表格样式话不多说,上代码html部分 <el-table :data="abilityTable" :span-method="abilitySpanMethod" style="width: 100%"> <el-table-column prop="" label="" align="center"> </el-table-column> <el-table-column prop="" align="center" l原创 2020-07-29 11:34:49 · 266 阅读 · 0 评论 -
Icon使用-fortawesome图标库
fortawesome官网:https://fontawesome.dashgame.com/npm:npm i font-awesome -Snpm i @fortawesome/fontawesome-svg-core -Snpm i @fortawesome/free-solid-svg-icons -Snpm i @fortawesome/vue-fontawesome -S...原创 2020-03-19 16:50:32 · 769 阅读 · 0 评论 -
vue项目-面包屑导航
在这里插入代码片原创 2020-03-17 20:46:22 · 1171 阅读 · 0 评论 -
设置show-overflow-tooltip的宽度
.el-tooltip__popper { max-width:800px}原创 2020-01-16 09:30:12 · 1619 阅读 · 0 评论 -
前端模糊查询
filter 方法this.leftListData 数组this.leftInput 输入框输入的内容item.code 要找的东西this.leftListData = this.leftListData.filter(item => (item.code).indexOf(this.leftInput) > -1)...原创 2019-12-27 14:40:30 · 240 阅读 · 0 评论 -
文本框清空空格
this.value = this.value.replace(/[, ]/g,'')原创 2019-11-19 16:07:13 · 213 阅读 · 0 评论 -
数组中多个对象数据类型的筛选和对比
this.selectionList = [ { id: 1, codeType: '二维码' }, { id: 2, codeType: '二维码' }, { id: 3, codeType: '二维码' }, { id: 4, codeType: '条形码' }, { id: 5, codeType: '条形码' }, { id: 6, codeType...原创 2019-11-14 11:22:43 · 816 阅读 · 1 评论 -
el-table表格点击选择框导出Excel表格
下载插件 xlsx,file-savernpm install xlsxnpm install file-saver创建 js 文件,导入代码进行配置import XLSX from "xlsx"import { saveAs } from 'file-saver'// import XLSX from 'xlsx/dist/xlsx.full.min'// 将json数据处理...原创 2019-11-02 11:15:29 · 1405 阅读 · 12 评论 -
el-menu的index报错
使用 el-menu 的抗在使用 el-menu 组件进行实现页面布局,一直弹出下面的错误错误:解决方法:此处index接受的id 为 数字型, 需要把 id 转成 字符串即可原创 2019-10-31 11:25:41 · 1219 阅读 · 0 评论 -
vue点击按钮跳转新页面
const str = location.href.split('#')[0]window.open(`${str}#/ router的name `)原创 2019-09-04 19:46:32 · 12928 阅读 · 0 评论 -
Echart警戒线
series: [ { name: '温度', type: 'line', // 设置数据显示类型,分为line,bar,pie itemStyle: { color: '#17FF38' // 线条的颜色 }, data: [92, 100, 110, 15, 16, 14,89, 10, 110, 65, 60, 74,92, 100, 110, 105, 16,...原创 2019-08-22 14:50:08 · 958 阅读 · 0 评论 -
垂直居中
display: flex; flex-direction: column; justify-content: space-between;原创 2019-08-16 15:00:54 · 133 阅读 · 0 评论 -
css设置浏览器滚动条
/* 设置滚动条的样式 */::-webkit-scrollbar { width:12px; background-color: aqua;} /* 滚动槽 */::-webkit-scrollbar-track { border-radius:10px;} /* 滚动条滑块 */::-webkit-scrollbar-thumb { border-radius:10...原创 2019-08-20 10:39:24 · 263 阅读 · 0 评论 -
背景图片居中
background-image: url('../../../../../../../assets/image/H-4.png');background-position: center center;background-size: cover;background-repeat: no-repeat;原创 2019-08-19 18:05:14 · 170 阅读 · 0 评论 -
div固定宽度,防止英文字符超出
word-wrap:break-word; word-break:break-all; overflow: hidden;原创 2019-08-02 17:07:09 · 422 阅读 · 0 评论