- 博客(25)
- 收藏
- 关注
RSS订阅原创 vscode 用户代码片段
代码转换网址然后打开vscode输入文件名 回车确认后就会生成一个这样的文件直接把我们复制的内容拷贝进去就可以了保存后 ，关闭文件 在你的代码页面 输入设置的命令 例如vueT回车即可获得模板...
2022-05-12 18:33:37
247
原创 npm 相关
查看当前 npm 的镜像地址npm config get registry 更改npm镜像地址npm config set registry https://registry.npm.taobao.org/ //设置为淘宝镜像更新全部依赖npm update更新单个依赖npm update <name>以上命令可以通过加参数--save-dev，--save或-g来指定在什么范围更新依赖。...
2022-05-11 11:25:22
212
原创 element 时间日期选择器从00:00:00-23:59:59
默认选取近30天 且时间从00:00:00-23:59:59选取范围30天，且不可清空<template> <el-form> <el-form-item label="日期时间："> <el-date-picker v-model="time" type="datetimerange" range-separator="至" start-placeholder..
2021-12-01 14:45:17
2926
原创 利用iframe 监听页面宽度变化
????前情提要：首先我的页面样式如上图，左侧菜单部分可以手动展开/收缩；所以会影响到右侧内容部分的宽度，我目前需要将按钮的地方固定在底部，由于采用了position: absolute;bottom: 0; 导致width不能继承到父元素的宽度，从而展示超出页面。解决方案： 通过在内容区域 添加iframe ,通过监听iframe，在监听iframe发生变化后，获取内容区域宽度 赋值给 按钮区域。上代码：<div id="page-wrapper"> ...
2021-10-14 14:29:17
1219
原创 js计时器 and 倒计时
formatTimer(value) { let secondTime = parseInt(value); // 秒 let minuteTime = 0; // 分 let hourTime = 0; // 小时 let dayTime = 0; // 天 let result = ''; if (value < 60) { result = value < 10 ? `00:00:0${secondTime}` : `00:00:${secondTime}.
2021-06-17 21:06:36
189
原创 element tabs label 插槽
<el-tabs v-model="activeName" type="card" @tab-click="handleClick"> <el-tab-pane name=""> <div slot="label">全部 <span :style="{color: num > 10 ? 'red' : ''}">(123)</span></div> </el-tab-p.
2021-06-17 21:02:15
3949
1
原创 vue时间转换集锦
changeTime(time) { var date = new Date(time); //时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-'; var D = date..
2021-06-01 15:10:10
208
原创 vue js 监听页面滚动触底 && 监听iframe滚动及触底 && 带你搞清 offsetHeight，scrollTop，scrollHeight区别
想要监听页面滚动是否触底，你要先搞清offsetHeight，scrollTop，scrollHeight区别，以及如何让应用，话不多说上代码????????offsetHeight： 它是包括padding、border、水平滚动条，但不包括margin的元素的高度。⚠️：对于行内元素这个属性值一直是0，单位px，是只读元素。scrollTop：表示在有滚动条时，滚动条向下滚动的距离也就是元素顶部被遮住部分的高度即“卷”起来的高度。⚠️：在无滚动条时scrollTop==0恒成立，单位
2021-05-19 11:31:49
4139
5
原创 element 时间选择器 月份选择范围控制 月份选择近半年
假如 需求是 当前月往后不可选 且 可以往前选择近半年 例如可选范围是 2020-10 ～ 2021-05，代码没有优化 里面很多方法可以合并 着急就先丢上来了 勿喷???? <el-date-picker v-model="value2" type="month" placeholder="选择月" :picker-options="pickerOptions" > </el-date-picker>pickerOptions:
2021-05-18 19:43:24
2241
1
原创 手摸手教你mac管理多版本node自由切换
1.打开电脑终端1.首先确认你有没有安装homebrew————如果没有可以到官网https://brew.sh/————将以下这段拷贝至终端执行当你看到Installation successful!就说明你安装成功了。也可以输入brew确认一下是否安装成功安装NVM$ brew install nvm之后执行(注意此处如果 没有.bash_prof...
2020-04-17 10:21:43
875
原创 vue—统一状态判断管理
在写一些后台项目的时候，我们经常会遇到用一些条件去判断按钮，或者文案的显示情况<el-button v-if=“status === 1 && is_show=== 2“>提 交 审 核</el-button>通常我们会这样判断 ，在按钮上加很多的v-if写上一长串的判断条件，既影响html的阅读 ，也不利于重复的判断条件复用，为了应对这样的需求推...
2020-04-16 15:39:21
848
1
原创 vue+html2canvas前端截图，上传给服务端以及本地下载
一.安装：npm install --savehtml2canvas二.引用：在使用的页面：import html2canvas from "html2canvas" 三.使用:给要截图的外层div加ref<div class="pc-content" ref="imageDom"> <div>张三</div>...
2020-04-16 15:26:29
699
原创 vue操控dom，去掉elementUI自带样式按钮
本次操作纯属产品以及服务端要求，被迫无奈，平时vue最好不要进行dom上的操作～～～～——————————分割线————————————先说下我的这次要求吧，服务端要求必须要传日期，前端不能存在删除日期的按钮操作，我们知道:clearable='false'只能去掉日期输入框后面的⊗，但是不能隐藏掉选择面板中的清除按钮，所以不得已选择操控dom的方式进行按钮隐藏。各位如果有好的方法欢迎...
2020-04-15 09:56:04
2548
原创 elementUI 框架—时间日期选择器禁用当前以前的时间，MAC电脑中英文导致的bug
假设我们有个时间日期选择器 <el-date-picker style="width:400px" v-model="fromData.time" type="datetimerange" range-separator="至" start-pla...
2020-04-11 10:49:53
538
1
原创 vue.js数据置换
假设服务端给你的返回数据是：你需要将里面的days数组的值进行重置：7显示为：1周(7天)，30显示为:1个月(30天)....if ($data && $data.length > 0) { //$data表示返回的数据list $data.map(item => { this.$set(item, "type_name",...
2020-03-12 16:48:54
371
原创 数组对象排序sort
arr = [{type:2,age:15},{type:9,age:14},{type:1,age:27}]arr.sort((a,b)=>{ return a.type-b.type})console.log(arr)则可以根据数组内对象里面type的值对整个数组进行排序
2019-11-18 17:25:43
766
原创 Vue + Element UI 表格分页记忆选中，分页切换 页面打勾不丢失
方法一：官方也有基于这种操作给出通过属性解决的方法：<el-table :row-key="rowKey"> <el-table-column type="selection" :reserve-selection="true"></el-table-column></el-table>methods: { rowK...
2019-11-02 09:40:43
8246
5
原创 Mac查看node/vue..等安装路径
查看node输入：which node即可以返回路径：/usr/local/bin/node查看vuewhich vue以此类推。。
2019-10-31 11:20:57
4417
4
原创 关于Vue+Element UI 表单校验那点事儿
最近在用vue+element ui 做后台管理系统开发，不免经常与里面的表单验证有所打交道，就做了些小总结，有不对的地方还请各位小伙伴指出，一起学习进步哈～首先 我们通常都是由官网的一套代码事例入手的：
2019-08-17 15:28:09
1546
原创 前端JS——将数组中指定的元素挪到第一位
假如我们有个已知数组 arrarr = [1,2,3,4]key = 3我们要根据key的值来找到这个元素，然后把它挪到数组的第一位，让它返回的结果为[3,1,2,4]for (var i = 0; i < arr.length; i++) { if (arr[i] === key) { arr.splice(i, 1); break; }...
2019-08-07 17:04:25
26140
7
原创 前端JS——if else if 的简洁写法
假如我们有这样一段逻辑：let orderStatus = ''if (res.data.status == '1') { orderStatus = '待付款'} else if (res.data.status == '2') { orderStatus == '待发货'} else if (res.data.status == '3') { orderS...
2019-08-06 13:59:37
12666
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人