- 博客(28)
- 收藏
- 关注
RSS订阅原创 element-ui el-table中根据按钮的数量动态计算是否需要展示更多
tablePage.vue 列表页面。buttonGroup.vue组件。
2024-12-23 13:43:37
194
原创 selectpicker二次点击下拉框才显示
有两种可能，第一种是js加载顺序问题，第二种就是在初始化完成之后（动态加载数据之后）增加一行代码$('.dropdown-toggle').dropdown();
2021-03-16 14:00:56
500
原创 防抖和节流
<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
269
原创 数组通过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
502
原创 最方便，快捷的mock数据
看了好多mock数据的帖子，感觉很多都需要大量配置这配置那，话不多说 直接进https://www.fastmock.site/#/projects进去注册 你就懂了… 简单快捷 干就完了 铁子
2021-01-21 14:48:30
139
原创 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
772
原创 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
2605
原创 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 node-sass@4.14.1npm 不行 就cnpm自行选择...
2021-01-18 11:31:21
3412
原创 Node Sass version 5.0.0 is incompatible with^4.0.0
卸载已安装版本npm uninstall node-sass安装npm install node-sass@4.14.1
2021-01-18 11:26:17
92
原创 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>
2021-01-14 14:56:06
5239
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
3076
原创 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
605
原创 element 菜单折叠会卡顿问题
需要在组件加样式.el-menu-vertical-demo:not(.el-menu--collapse){ width: 250px; //宽度自己掌握 height: 100%; }希望能帮到你
2021-01-09 16:11:19
4942
10
原创 element之面包屑字体颜色css问题处理
话不多说，直接上代码.el-breadcrumb /deep/ .el-breadcrumb__inner{color: #ccc !important; //你想要设置的字体颜色}即可解决帮助到你的话，顺手点个赞呗
2021-01-09 10:00:53
3844
6
原创 webstorm 批量替换（多行情况）
1.标准替换选中你要替换的内容，然后点击左上角Edit—>Find—>Replace in path 出来即可操作2.多行替换这种的用第一种就会出现搜不到的情况操作如下：选中你要替换的内容，然后直接按快捷键ctrl+shift+R 即可实现多行替换功能...
2021-01-06 11:03:09
4726
原创 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
395
原创 html 表格td宽度如何等宽问题
这里写自定义目录标题html 表格td宽度如何等宽问题html 表格td宽度如何等宽问题话不多说，直接上代码table{table-layout:fixed;}
2020-12-24 09:33:26
2809
原创 微信小程序webview拍照刷新页面问题
微信小程序webview，调用微信拍照或者input file进行拍照，部分机型会出现拍照后刷新页面，并退到一开始webview页面问题，是因为微信自带bug，拍照后都会触发onShow方法，导致页面刷新，所以将onShow里的方法放到onLoad中即可解决问题。目前官方没啥解释。...
2020-11-18 20:35:10
3333
4
原创 微信开发者工具web-view如何优雅的调试
很多人会遇到开发微信小程序，web-view调试问题，不知道如何调试web-view废话不多说直接，干在微信开发者工具预览区域，鼠标右键 会出现一个调试的小按钮，你点击就可以了如果右键不出来 那就左键 再右键 就可以了 帮助到你的话 就点在赞再走吧亲...
2020-11-12 10:58:22
2082
原创 一款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
1622
5
原创 微信小程序预览移动端报错
微信小程序pc端没事，移动端预览报错，真机预览也没问题----解决办法—就是手机扫码进入小程序，然后手机打开调试模式，再次进入小程序即可预览。
2020-09-01 09:37:50
613
2
原创 IOS和安卓 微信公众号播放器是否默认全屏
IOS和安卓 微信公众号播放器是否默认全屏安卓设置属性：x5-playsinline=“true”实测，不可加以下属性设置，否则还是会跳出黑底全屏播放x5-video-player-type=‘h5’ x5-video-player-fullscreen=‘true’...
2019-04-23 14:14:52
428
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人