weixin_46733392的博客

原创 倒计时计时秒功能

倒计时

原创 滚动悬浮到顶部css

topFixed{top: 0;

原创 神奇的去除重复（数组包对象去重）

去重

转载 table完成动态表头与动态数据

element-table

原创 复杂的el-table循环数据展示

关键点代码 细心就能看懂。

原创 获取两个时间的区间

/获取两个时间的区间

原创 js 删除对象中的属性

代码js 删除对象中的属性。

原创 git关闭commit时的语法检测husky

git 语法检测

原创 vue element 验证规则

只输入数字 简单的验证规则

原创 每个数组拿出来8条数据

筛选数组数据

原创 封装附件上传后然后下载成功

封装上传组件

原创 系统密码加密操作

密码问题加密方法

原创 运行老项目报错 opensslErrorStack: [ ‘error:03000086:digital envelope routines::initialization error‘ ].....

node版本过高

原创 Vue-count-to(数字滚动计时)

数字滚动插件

原创 git 拉取master分支代码 和上传代码方法

git pull origin mastergit add . （点前面要加空格）git commit -m “修改的内容”git push

原创 分割出‘/’ 前面和后面的值

let e = 111/222 let str = e let index = e.lastIndexOf("/"); str = str.substring(0, index); e = e.substring(index + 1, e.length); let front = Number(str) let after = Number(e) console.log('前', ...

原创 git 查询项目一共多少行

find . "(" -name "*.vue" ")" -print | xargs wc -l

原创 不允许选择当前月份和未来月份

<el-date-picker v-model="reportFrom.month" type="month" placeholder="选择月" value-format="yyyy-MM" format="yyyy-MM" :picker-options="pickerOptions"> </el-date-picker> return { pickerOptions: this.getTime(),} getTime (.

原创 时间格式 转换

startTimeData () { //当前时间的20分钟前 var Dates = new Date(new Date().getTime() - 1 * 60 * 20 * 1000); let Y = Dates.getFullYear() let M = Dates.getMonth() + 1 M = M < 10 ? '0' + M : M let D = Dates.getDate() D = D &l...

原创 el-table filters用法

原创 返回base64赋值不显示图片

this.shootImgUrl = "data:image/jpeg;base64," + encodeURI(res.data);

原创 vue 按钮 防止多次点击

创建一个自定义的 v-preventReClick import Vue from 'vue'// 在vue上挂载一个指量 preventReClickconst preventReClick = Vue.directive('preventReClick', { inserted: function(el, binding) { console.log(el.disabled) el.addEventListener('click', () => { if

转载 解决 vue 项目运行过程报错 JavaScript heap out of memory（内存溢出）&& “‘node --max-old-space-size=10240“‘ 不是内部或外部命令

https://blog.youkuaiyun.com/lucky_Zeng/article/details/108622002

原创 整理一波好用的几个方法

const array = Array(5).fill(''); // 输出(5) ["", "", "", "", ""]const matrix = Array(5).fill(0).map(() => Array(5).fill(0))// 输出(5) [Array(5), Array(5), Array(5), Array(5), Array(5)]0: (5) [0, 0, 0, 0, 0]1: (5) [0, 0, 0, 0, 0]2: (5) [0, 0, 0, 0,.

原创 eCharts这点击高亮事件没谁了

<template> <div class="mapWrapper"> <div id="main2" style="width: 100%; height: 100%; border: 0px solid hotpink"></div> </div></template><script>import * as echarts from "echarts";export default { na

原创 find()返回

let arr = [18, 105, 51, 8, 79, 20, 21, 22, 23, 24, 25, 26]; let newNumber = arr.find((item) => { if (item > 20) return item }) console.log(newNumber); //105 let arr2 = [105, 51, 8, 79, 20, 21, 22, 23, 24, 25, 26]; let ...

原创 这个排序的方法你尽管用就好了

let list = [ { name: '王刚', king: '第一名', num: 1, }, { name: '王红', king: '第三名', num: 4, }, { name: '周杰', king: '第二名', num:...

原创 不怎么经常使用的every()方法

有些数组列表我们加载的途中不满足条件的时候就立即停止，这时候我认为就应该使用 every()方法 ``` let list = [ { name:'111', id:'001', isShow:0, }, {

原创 vue + element el-dialog组件内只调用一次问题

在列表里面使用 编辑或者查看等，使用 el-dialog组件 时候，发现问题 el-dialog 里面 存放小组件后 但是全程只加载一次这个小组件，每次打开都不重新加载。是因为el-dialog 方法使用的底层是 display: none; 说到这大概你就知道怎么做了. 只需要在el-dialog上添加 v-if = “dialogVisible” 就解决了 。 但是 如果你组件内写的东西很多就会影响性能问题 不过你的需求效果达到了问题就解决了...

原创 天地图带你走上土星世界

<template> <div class="wrapper"> <div id="viewDiv"> <PageSwitch /> </div> </div></template><script>import PageSwitch from "@/components/PageSwitch";import { loadModules } from "esri-loa

原创 element table 列合并 方法（重复的列数据合并）

element 表格

原创 element table 表格下方展示合计

:summary-method="getSummaries" 此方法 <el-table class="elTable" :data="caseTableData" border :span-method="objectSpanMethod" show-summary :summary-method="getSummaries" :header-cell-style="cellStyle"> <el-table-column prop="partyTypeName"

原创 运行npm install 报错 npm code 128...

解决方法 翻墙后设置代理 到 http://127.0.0.1:1080 （这个是代理的地址）git config --global https.proxy http://127.0.0.1:1080git config --global https.proxy https://127.0.0.1:1080操作完之后git config --global url.“https://”.insteadOf git://然后继续运行项目就OK 了...

原创 element 子组件Dialog 在父组件中被按钮点开

<template> 父组件代码 <el-button type="primary" @click="lockInquiryPutClick">查看</el-button> //按钮 <surveyObtain :dialogVisible="dialogVisible" @dialogVisibles="dialogVisibles"></surveyObtain> //子组件</template><scr

原创 多选时显示选中按钮的隐藏内容

<el-checkbox-group v-model="form.type"> <el-checkbox label="巡查"></el-checkbox> <el-checkbox label="媒体曝光"></el-checkbox> <el-checkbox label="投诉举报"></el-checkbox> .

原创 vue创建高德地图点击获取经纬度

原创 封装Date与使用

// date.js 代码export function formatDate(date, fmt) { if (/(y+)/.test(fmt)) { fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)); } let o = { 'M+': date.getMonth() + 1, 'd+': date.getDate(), 'h+': dat

原创 实现页面的局部刷新 provide与inject

祖先组件写入<template> <div id="app"> <router-view v-if="isRouterAlive"></router-view> </div></template><script>export default { name: 'App', provide () { return { refres.

原创 forEach() 拿到原始数据可以改变值，添加值。

原创 js 滚动横线

var t; var hh; function lunbo(obj, sobj, height) { hh = 0; clearInterval(t) function tableLunbo1() { var he = $(obj).find(sobj).length * height; var h = he - $(obj).width(); hh += 1 ..