自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

爱打篮球的猿

···天道酬勤···

  • 博客(23)
  • 收藏
  • 关注

原创 Vue中使用element的el-table进行分页(带删除操作的)

Vue中使用element的el-table进行分页

2024-04-14 11:20:58 82

原创 selectpicker二次点击下拉框才显示

有两种可能,第一种是js加载顺序问题,第二种就是在初始化完成之后(动态加载数据之后)增加一行代码$('.dropdown-toggle').dropdown();

2021-03-16 14:00:56 401

原创 防抖和节流

<body> <button id="btn1">点击1</button> <button id="btn2">点击2</button> </body>1.防抖高频触发一个事件,只在最后一次点击时执行事件(触发高频事件后n秒内函数只会执行一次,如果n秒内高频事件再次被触发,则重新计算时间。)ex:var btn=document.getElementById("btn1"); var timer=null;

2021-03-01 17:29:48 223

原创 数组通过id相同的,将其余字段num累加,并生成新的数组

let arr=[{id:1,num:5},{id:2,num:2},{id:1,num:5}];function getNewlist(oldArr){ var temp={}; for(var i in oldArr){ var id=oldArr[i].id; if(temp[id]){ temp[id].num+=oldArr[i].num; }else{ temp[id]=oldArr[i] } } var newArr=[]; for(var j in

2021-02-23 14:45:09 356

原创 最方便,快捷的mock数据

看了好多mock数据的帖子,感觉很多都需要大量配置这配置那,话不多说 直接进https://www.fastmock.site/#/projects进去注册 你就懂了… 简单快捷 干就完了 铁子

2021-01-21 14:48:30 109

原创 element切换主题颜色

前几天想实现自己系统的主题色彩,自己已经有了思路,但还是想去网上看看别人的思路,但还是感觉自己的思路更清晰,说一下我的思路1.新建个颜色选择器的组件,主题色的值再vuex里选择。2.再主页,注册,引入组件,放在弹窗里。3.父子组件传值。4.再公用vuex里设置主题颜色。一、新建组件colorpicker.vue<template> <div> <el-color-picker v-model="color" @change="changeColor">

2021-01-19 15:50:52 692

原创 element 弹窗dialog 设置类名不生效问题

文档里已经写出custom-class设置自定义类名话不多说,上代码 <el-dialog custom-class="dialog" title="切换主题颜色" :visible.sync="isshow" width="15%" :before-close="handleClose"> </el-dialog>设置样式还会不生效,我们需要再类名前面加上el-dialog,即可解决问题;.e

2021-01-19 14:38:05 2436

原创 vue安装scss时报The “path“ argument must be of type string. Received undefined

这个错误是sass-loader 版本造成的此时的版本是 “sass-loader”:"^10.0.1"修改版本为“sass-loader”: “^7.3.1”,重新使用命令安装npm i sass-loader@7 --D即可解决,如果还是不行,在降低版本npm install [email protected] 不行 就cnpm自行选择...

2021-01-18 11:31:21 3280

原创 Node Sass version 5.0.0 is incompatible with^4.0.0

卸载已安装版本npm uninstall node-sass安装npm install [email protected]

2021-01-18 11:26:17 70

原创 element默认左侧菜单全部展开,禁止收缩

<template> <el-menu class="el-menu-vertical-demo" @close="handleClose" :default-active="$route.path" ref="menus" :default-openeds="['0','1','2']" v-menuIcon > </el-menu&gt

2021-01-14 14:56:06 4647 8

原创 js 正则 保留 一位 小数 或者 两位小数

function (e) { e.value = e.value.replace(/[^\d.]/g, ""); //清除"数字"和"."以外的字符 e.value = e.value.replace(/^\./g, ""); //验证第一个字符是数字而不是 e.value = e.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的 e..

2021-01-13 10:42:08 2919

原创 element el-aside折叠盖不住导航问题

大概思路例子:isCollapse 设置的样式本来是 el-menu ----> span咱们为了嵌套组件 会生成这样的el-menu ----> div---->span这样设置折叠会导致这个样式触发不到这个元素上 导致失去作用话不多说,上代码.el-menu--collapse /deep/ .el-submenu .el-submenu__title span { display: none; } .el-menu--collapse /deep/ .el

2021-01-11 17:20:21 524

原创 element 菜单折叠会卡顿问题

需要在组件加样式.el-menu-vertical-demo:not(.el-menu--collapse){ width: 250px; //宽度自己掌握 height: 100%; }希望能帮到你

2021-01-09 16:11:19 4630 10

原创 element之面包屑字体颜色css问题处理

话不多说,直接上代码.el-breadcrumb /deep/ .el-breadcrumb__inner{color: #ccc !important; //你想要设置的字体颜色}即可解决帮助到你的话,顺手点个赞呗

2021-01-09 10:00:53 3616 5

原创 webstorm 批量替换(多行情况)

1.标准替换选中你要替换的内容,然后点击左上角Edit—>Find—>Replace in path 出来即可操作2.多行替换这种的用第一种就会出现搜不到的情况操作如下:选中你要替换的内容,然后直接按快捷键ctrl+shift+R 即可实现多行替换功能...

2021-01-06 11:03:09 4174

原创 vue-cli搭建后台系统左侧导航之面包屑

vue-cli搭建后台系统左侧导航之面包屑话不多说,直接上思想,代码1、路由里代码展示 (router–>index.js)import Vue from 'vue';import Router from 'vue-router';import home from '../pages/home.vue';import ordercenter from '../pages/orderManager/ordercenter.vue';import orderlist from '../pag

2021-01-04 16:01:32 347

原创 html 表格td宽度如何等宽问题

这里写自定义目录标题html 表格td宽度如何等宽问题html 表格td宽度如何等宽问题话不多说,直接上代码table{table-layout:fixed;}

2020-12-24 09:33:26 2566

原创 微信小程序webview拍照刷新页面问题

微信小程序webview,调用微信拍照或者input file进行拍照,部分机型会出现拍照后刷新页面,并退到一开始webview页面问题,是因为微信自带bug,拍照后都会触发onShow方法,导致页面刷新,所以将onShow里的方法放到onLoad中即可解决问题。目前官方没啥解释。...

2020-11-18 20:35:10 2902

原创 微信开发者工具web-view如何优雅的调试

很多人会遇到开发微信小程序,web-view调试问题,不知道如何调试web-view废话不多说直接,干在微信开发者工具预览区域,鼠标右键 会出现一个调试的小按钮,你点击就可以了如果右键不出来 那就左键 再右键 就可以了 帮助到你的话 就点在赞再走吧亲...

2020-11-12 10:58:22 1796

原创 一款h5日期插件datepicker(支持多选,赋值)

插件地址:https://github.com/uxsolutions/bootstrap-datepicker1、下载完成后解压,把dist文件夹中的所有文件放到项目中任意位置,引入下图所示的文件即可。2、初始化等操作(不一定是input 可以是按钮)你就可以使用了3、多选(可以间断的选择,也可以连续)4.一些基本的配置$('#demo').datepicker({format: 'yyyy-mm-dd',//日期格式language:'zh-CN',//中

2020-11-12 10:32:47 1400 5

原创 微信小程序预览移动端报错

微信小程序pc端没事,移动端预览报错,真机预览也没问题----解决办法—就是手机扫码进入小程序,然后手机打开调试模式,再次进入小程序即可预览。

2020-09-01 09:37:50 521 2

原创 钉钉小程序渲染数据识别换行

小程序@TOC钉钉小程序渲染数据识别换行钉钉小程序直接使用text标签后台返回数据\n 处理

2019-10-31 16:22:30 893

原创 IOS和安卓 微信公众号播放器是否默认全屏

IOS和安卓 微信公众号播放器是否默认全屏安卓设置属性:x5-playsinline=“true”实测,不可加以下属性设置,否则还是会跳出黑底全屏播放x5-video-player-type=‘h5’ x5-video-player-fullscreen=‘true’...

2019-04-23 14:14:52 379

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除