m0_49014616的博客

原创 if判断 空数组和空字符串

原创 element+vue 表格行拖拽功能

解决方案使用 sortable.js步骤一： 安装npm install vuedraggable步骤二：引入import Sortable from 'sortablejs';步骤三： el-table 添加row-key属性<el-table ref="filterTable" row-key="ip" @filter-change="handlerFilterChange" class="cl-table" :data="resourceList"

原创 js 去掉字符串前后的空格

去掉字符串前后的空格。

原创 js利用循环重写字符串的方法--去掉字符串的里空格，中文逗号，结尾的逗号

标准：let str = ww.con,www.com,www.cn。含空格： ww.con,(空格) www.com, www.cn。中文逗号： ww.con,www.com，（中文逗号）www.cn。去掉字符串的里包含的空格，中文逗号，结尾的逗号（不能以逗号结尾）结尾逗号： ww.con,www.com,www.cn,去除字符串前后的空格–看下篇。

原创 时间戳转日期格式

【代码】时间戳转日期格式。

原创 element方法的自定义参数传参方式

自定义

原创 git 常用的命令

进入你要操作的目录，跟Linux环境一样1.git status ./ 查看这个文件夹下的文件状态，会列出有哪些没有加入追踪，哪些没有commit2.git add ./* 把这个文件下的所有应该加入追踪的，加入到暂存区3.git commit -m “日志描述” ./ 把这个文件夹下可以commit的，都commit到本地库4.git push push到远程库...

原创 vue中使用svg，抽为全局组件svg-icon

1.增加icon文件夹vue项目中src目录下增加icons文件夹，文件夹中放置页面需要用到的svg，及入口文件index.jsindex.js中内容如下： import Vue from 'vue' import SvgIcon from '@/components/SvgIcon'// 引入svg组件 // 注册全局组件 Vue.component('svg-icon', SvgIcon) // require.context，通过正则匹配到可能的文件，全部引入 const r

原创 element-ui 表格的表头自定义筛选方法

需求：表格的表头可以筛选element-ui 自带了方法可以筛选，筛选的原理是将不满足条件的隐藏了element-ui 自带的方法：在列中设置filters、filter-method属性即可开启该列的筛选，filters 是一个数组，filter-method是一个方法，它用于决定某些数据是否显示，会传入三个参数：value, row 和 column。 <co-table-column prop="date" label="日期" sortable

原创 vue.config.js文件配置介绍

很详细的介绍链接：https://www.jianshu.com/p/b358a91bdf2d自己的补充说明：configureWebpack的常用1.对象式写法configureWebpack：{ // 覆盖webpack默认配置的都在这里 resolve: { // 配置解析别名其中:@代表根目录，@c代表 src/components 文件夹，等 alias: { "@": path.resolve(__dirname, "./src")

原创 key-value和tabledata互相转换字符串切割

asd

原创 element-ui的table表格导出成excel表

1、安装依赖npm install --save xlsx file-saver2、在放置需要导出功能的组件中引入import FileSaver from 'file-saver'import XLSX from 'xlsx'3、HTML中的设置简单来说就是给需要导出的table标签el-table上加一个id：如exportTab，对应下面的exportExcel方法中的 document.querySelector(’#exportTab’)4、在methods中设置真正实

原创 下载文件的几种方法

1.用element文字link的href <el-link href="downloadUrl" target="_blank">默认链接</el-link>2.用a标签的href<a href="downloadUrl"></a>3.用window.location.hrefwindow.location.href = downloadUrl4.用window.openwindow.open(downloadUrl)参数： down

原创 【git】Git回退代码到指定版本

查看所有的历史版本，获取你git的某个历史版本的id， git log回退本地代码库：git reset --hard ID推送到远程服务器：git push -f -u origin master重新拉代码：git pull

原创 转换日期格式的js方法

// 格式化日期时间export function formatDateTime() { const date = new Date() const y = date.getFullYear() const M = (date.getMonth() + 1) > 9 ? (date.getMonth() + 1) : ('0' + (date.getMonth() + 1)) const d = date.getDate() > 9 ? date.getDate() : '0'

原创 解决vue element导航重复点击路由报错

1.js写法import Router from ‘vue-router’Vue.use(Router)const originalPush = Router.prototype.push Router.prototype.push = function push(location) {return originalPush.call(this, location).catch(err => err)}2.ts写法import Router from ‘vue-router’V

原创 element表单el-form-item自定义label

<co-form-item label="姓名" prop="name"> <span slot="label" > 姓名 <co-tooltip placement="top" > <div slot="content"> 第一行信息<br /> 第二行信息 &lt...

原创 发送请求的遇到过的几种情况

/ app / page-query / {pageNum} / {pageSize} 分页查询标签列表export function getList(data) { const params = { bizId: data.bizId, search: data.search, type:data.type } return request({ url: `/api/app/page-query/${data.pageNum}/${data.page.

原创 element-ui table单元格合并

表格的方法通过给table传入span-method方法可以实现合并行或列原理：getSpanArr(data)方法 data就是我们从后台拿到的数据，通常是一个数组；spanArr是一个空的数组，用于存放每一行记录的合并数；pos是spanArr的索引。如果是第一条记录（索引为０），向数组中加入１，并设置索引位置；如果不是第一条记录，则判断它与前一条记录是否相等，如果相等，则向spanArr中添入元素０，并将前一位元素＋１，表示合并行数＋１，以此往复，得到所有行的合并数，０即表示该行不显示其

原创 前端操作服务器手动部署上线

1.打包npm run buildnpm run build-prod 等注意：这个命令还是要看自己项目写的打包命令，有的分生产，测试命令不同2.操纵服务器，输入一系列命令，完成下面是命令的顺序命令作用cd /src/local/先 cd 切换到文件夹目录pwd查看当前目录 ，是否已切换到 cd 的位置ll查看记录mv dist.zip dist.zip.bak20201011备份之前的文件夹 按照时间的命名规范(二选一) 将前面的文件夹备份为后面的

原创 echarts属性dataset 管理数据

echarts 官网介绍：https://echarts.apache.org/zh/tutorial.html#%E4%BD%BF%E7%94%A8%20dataset%20%E7%AE%A1%E7%90%86%E6%95%B0%E6%8D%AE如图所示，柱状图原来的写法：因为以前不利于数据，还要再次进行数据处理，所以有了dataset原来option = { xAxis: { type: 'category', data: ['Matcha Latt

原创 git合并冲突解决：本地合并冲突

feature分支合并到master起冲突，不要再gitlab上修改冲突，在本地合并冲突原因：在gitlab上合并会双向合并两次命令顺序：1.将feature分支的代码全部上传2.切换分支到mastergit checkout master3.拉master的最新代码git pull4.查看一下 是不是最新的git log5.开始合并，feature合并到mastergit merge feature6.有冲突的就修改冲突，7.修改完，就重新查看状态git status

原创 git的使用之cherry-pick 选择提交

1.查看所有的commit 代号命令 git log2.切换到要合并的分支 例：develop命令 git checkout develop3.确保合并前本地代码最新，拉取一下最新代码命令 git pull4. cherry-pick 加上需要合并的那一个commit命令 git cherry-pick 代号$ git cherry-pick 18d571ffd6aa3a032c509c289d1da2f095.查看文件状态目的：查看文件的变化命令 git status

原创 element-ui tooltip文字提示的几种用法

1.官网-基础例子https://element.eleme.cn/#/zh-CN/component/tooltip效果图:代码： <el-tooltip class="item" effect="dark" content="Top Left 提示文字" placement="top-start"> <el-button>上左</el-button> </el-tooltip>2.问号提示文字效果图：代码： <e

原创 本地配 host

本地配 host 环境

原创 echarts 属性介绍

在echarts 图表里。右上角的公式，使用的是属性 graphicsssssssssssssssssssss’s’s’s’s’s’s’s’s’s’s’s’s’s’s’s’s’s’s graphic:{ type: 'group', right: 40, top:0, children: [{ type: 'text', left: 0,

原创 鼠标移入 特效 动一下

&:hover { box-shadow: 0 12px 8px r gba(191, 191, 191, .2); transform: translateY(-20px); }transform 就可以实现

原创 element的 menu样式修改包含hover

element的 menu样式修改包含hover1.修改主菜单的背景色等，直接再标签上写所需背景色，比如：2.修改子菜单的背景色.el-menu-item { background-color: #333 !important; } 3.鼠标悬浮时，子菜单的样式：.el-menu-item:hover{ outline: 0 !important; color: #409EFF !important; } .el-menu-item.is-active {

原创 ‘2018-08-15T08:04:52.000+0000‘转换为‘2018-08-15 16:04:52’时间格式

js时间的常用方法var myDate = new Date();//也可以new Date(long).myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当

原创 json数据拿到后格式化展示

json数据拿到之后是一整块数据 不能清晰明了的展示出来层级，所以就要格式化数据1.如果只是自己看的话，可以使用在线转换工具格式化推荐网址：https://json.cn/下图，左边是一整块数据，看不清楚数据结构，但是右边是格式化的代码，哪个更加清晰明了呢2.在代码中，有展示json数据的需求时，可以使用以下方法JSON.stringify( {} , [ ] , “”)，把数据序列化为json字符串参数一 ：要序列化的数据（object）参数二 ：控制对象的键值，只想输出指定的属性，

原创 get传递数组参数

axios有一个方法 paramsSerializer，可以处理params下面举例因为传递的是三个参数，所以要拼接一下 在return methods:{ //发送请求前传参数 let para = { bizIds:bizIds, startAt: this.start, endAt:this.end ,c } getData(para).then(res=>{ js代码