- 博客(28)
- 收藏
- 关注
原创 element el-table表头多列添加可全选功能
最近需要开发一个配置某一项功能的权限,需要合并表格区分层级且表格部分列需要做动态修改选择权限,下面我主要就权限勾选问题和合并单元格功能做个记录。
2024-06-20 16:17:01
569
原创 elementui el-date-picker日期组件(范围) 已选页面显示失效、change事件失效以及动态表单循环写法
最近项目做一个动态表单的增删改查,里面有用到选择日期范围,并且做了表单校验,但是在选择日期范围的时候已经选择到了但是无法在输入框内回显 毫无反应且change事件也处于失效状态。
2023-08-30 17:26:39
2931
原创 js(vue)输入框只能输入数字且保留(1/2/3..)多位小数的正则表达式
【代码】js(vue)输入框只能输入数字且保留(1/2/3..)多位小数的正则表达式。
2023-06-20 16:33:44
1906
原创 vue后台管理系统根据不同操作员设置页面按钮权限
需求:后台管理系统 需要不同身份的操作员登录系统分别拥有不同的按钮权限思路:给页面需要控制的每一个按钮一个唯一编码(id的意思),后端可以通过接口(我这个系统是登录接口返回的)返回当前登录操作员所拥有的所有的按钮id数组集合 然后前端通过比对判断按钮是否显示 具体如下1.保存后端返回的当前操作员所拥有的所有按钮的id数组代码如下(示例):后端返回:A操作员所拥有的需要控制权限的按钮id集合: buttons: [1001,2001,3001,4001]前端保存:vuex或者保存本地 session
2022-05-19 20:08:57
962
原创 Vue/Js 将两个数组合并生成一个对象数组 并为其添加相应的key值
有两个数组(示例):let arr1 = ['张三','李四','王五']let arr2 = ['18', '19', '20']你想实现的效果arr3 = [ { name: '张三', age: '18' }, { name: '李四', age: '19' }, { name: '王五', age: '20' }]实现函数如下arr1.forEach((item, i) => { arr3.push({ name: item, a.
2022-05-10 10:35:15
2148
原创 二、职场生活
09年毕业到现在已经两年多了,期间换过两家公司。虽然现在我过得还算惬意,但就觉得自己现在的生活就像是在温水煮青蛙,煮我这只懒青蛙。其实还得感谢我的第一家外包公司,因为在那里受了太多的苦和煎熬。虽然那段日子很难熬但是我也很感谢坚持熬过那段日子的自己。第一家实习的外包公司规模不大,也就二十多个人。但是任务很重,基本天天都在加班,每天都会开会催项目进展。刚进去的时候让我跟着一个有几年工作任务的“前辈”,在上级面前总是待我很好但是私下里却也不愿意教我,可能是任务太重没时间理我或者根本不想帮助一个小白。不过好在后
2021-11-23 15:42:59
4273
3
原创 vue elementui表单验证组件动态修改required状态
最近遇到的需求:在一个表单里,有一个单选项检查结果:(无问题 有问题 不适用)(必填)和一个输入框问题描述:input(选填),当但选项值为(有问题)时输入框为必填项,否则为选填项。如果像以前表单验证正常写法就会报错如下:正常显示代码如下下面展示一些 内联代码片。<el-form-item label="问题描述" prop="desrc" :rules="{required:menuForm.result == '1'? true:false,message:'请输入问题描述'}">
2021-11-17 15:02:17
6885
原创 vue前端实现下载本地文件(不调用后台接口下载文件模板)
今天给的需求是希望前端本地直接下载模板 不调用后端接口以下提供两个简单的方法方法一:使用elementui下面展示一些 内联代码片。<el-button type="text" icon="el-icon-download" @click="handleDownload">模版下载</el-button>//下载模版 handleDownload(){ window.location.href = '../../../static/模板.xlsx' } //
2021-11-12 16:36:50
4238
原创 vue v-for循环出来的数组加不同的颜色(颜色循环)
上面方块是由后端返回的数组 需求是每四个方块循环不同的背景颜色下面展示一些 内联代码片。// 具体v-for的代码块<div v-for="(item, index) in appList" :key="index"> <span :style="{'background':item.color}"></span> // 方块 样式就不写了 <span>{{系统名称}}</span></div>// appLi.
2021-10-13 16:41:07
7276
4
原创 vue根据屏幕大小设置css样式(实时监控屏幕大小)
pc端当屏幕缩小时总会有些css样式不适配一下基本可以实时监测屏幕大小下面展示一些 内联代码片。// 需要动态修改的css<div :class="isWidth ? 'title' : 'title2'"><111111/div>// 定义一个变量return { data(){ screenWidth:document.body.clientWidth, // 屏幕宽度 isWidth: false // 动态修改css控制变量 }}// 定义一个
2021-09-02 19:06:48
2841
1
原创 关于css中的/deep/的用法(修改elementui库的css但是不影响全局)
在项目中我们经常会用到Less或者Sass 。其中Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。以elementui库为例如果我们想修改某一个输入框的长度 但是不想影响全局 这时候就体现了/deep/的重要性下面展示一些 内联代码片。// 修改输入框长度案例.newDalio { /deep/ .el-form-item { width: 200px !important; .el-form-item__content { width: c
2021-08-12 11:12:09
1240
原创 element ui中select 下拉框在火狐浏览器最后一行显示不完全(谷歌正常)
在项目开发的时候用到了el-scrollbar组件 并且设置了隐藏横向滚动条下面展示一些 内联代码片。// 隐藏横向滚动条.el-scrollbar__wrap { overflow-x: hidden;}// 竖向.el-scrollbar__bar.is-horizontal { height: 0 !important;}因为有以上设置 所以导致在火狐浏览器的时候最后select 下拉框最后一行总是显示不完全 所以解决方法如下下面展示一些 内联代码片。.el-select-d
2021-07-21 17:09:46
1275
原创 elementui 表格单选以及如何将element Radio组件label绑定的值不显示
如果你想要实现如下的效果图就看看 或许对你有帮助详情请看如下代码下面展示一些 内联代码片。// 表格部分代码 <el-table :data="operList" fit show-header style="width: 100%"> <el-table-column label="选择" width="50"> <template scope="scope"> <el-radio :labe
2021-07-07 17:06:53
1554
原创 过滤两个数组并取出不同/相同项(vue/filter)
话不多说 直接上干货内联代码片。// 数组Alet arrA = ['1111','2222','333','4444','5555']// 数组Blet arrB= ['aaa','bbb','4444','5555','dddd','eeee','ffff','yyyy','mmmm']过滤B数组中不包含A数组的项let differentArr = arrB.filter(item => arrA.indexOf(item.id) > -1)// differentArr =
2021-06-30 16:27:24
9187
3
原创 vue空格集合
在开发的时候很多时候需要很多间隔 这时候就要用到空格 但是单纯的输入空格不能实现业务需求 下面总结一下vue中使用空格的例子 == 普通的英文半角空格 == == == no-break space (普通的英文半角空格但不换行) == 中文全角空格 (一个中文宽度) == == en空格 (半个中文宽度) == == em空格 (一个中文宽度) == 四分之一em空格 (四分之一中文宽度)相比平时的空格( ),nbsp拥有不间断(n
2021-06-10 16:52:31
3776
转载 SVN版本冲突解决详解
版本冲突原因:假设A、B两个用户都在版本号为100的时候,更新了kingtuns.txt这个文件,A用户在修改完成之后提交kingtuns.txt到服务器,这个时候提交成功,这个时候kingtuns.txt文件的版本号已经变成101了。同时B用户在版本号为100的kingtuns.txt文件上作修改,修改完成之后提交到服务器时,由于不是在当前最新的101版本上作的修改,所以导致提交失败。版本冲突现象:冲突发生时,subversion会在当前工作目录中保存所有的目标文件版本[上次更新版本、当前获取的版本
2021-06-04 16:25:43
9429
原创 js/elementui 树形结构数据转化(后台平铺返回)
js/elementui 树形结构数据转化(后台平铺返回)// 后端返回格式var data = [ {"id":2,"name":"aaa","pid":null}, {"id":3,"name":"bbb","pid":2}, {"id":5,"name":"ccc","pid":2}, {"id":100,"name":"ddd","pid":2}, {"id":6,"name":"eee","pid":2}, {"id":601,"name":"fff","pid":6}, {"i
2021-05-19 10:52:04
933
1
原创 一、初入职场
第一次直面社会的小白在线卑微18年年底正式进入了我的实习生活,那时候说白了就是一个肚子里没几滴墨水的穷书生。带着两个同学买了一张特价机票就来到了这个陌生的城市——杭州。刚开始的我们就像无头苍蝇一样,仅仅只是凭着仅有的两个面试邀约就想着自己能闯出一片天地。果然,后来现实狠狠的给我上了一课。来杭州的第一天下着很大很大的雪,一脚下去一个坑,我们拖着行李箱在雪地里走了很久很久甚至误入工地差点掉进去,曾经我以为杭州应该是个温柔的地方,我以为不会有寒冷没有雪。那时候身上就1000来块钱,是我全部的积蓄了,不管多难都
2021-05-13 09:48:36
90
原创 vue 下载模板excle 报错 无法打开
vue 下载模板excle 报错 无法打开最近有个需求是要下载模板以供后来导入提供样式效果如图点击下载后左下角会出现所下载的文件但是后来确报错无法下载具体解决代码如下:下面展示一些 内联代码片。// 划重点 封装接口方法时加上responseTape expoet function down (data) { return request ({ url: xxx, method: xxx, data, responseTape: 'blob' // 必须要加上否则会报错
2021-05-12 15:41:27
1701
4
原创 vue/js数组转字符串之间的相互转换
vue/js数组转字符串之间的相互转换// 数组转字符串let arr = [1,2,3]arr.join(',') //变成字符串,并以逗号分隔// 字符串转数组let str = '1,2,3'str.split(',') //字符串按逗号分隔成数组// 温馨提示以上(',')可以换成你想要的分割字符...
2021-05-07 16:50:50
4139
原创 vue+element ui 中国标准化时间转换日期多种格式
vue+element ui 中国标准化时间转换日期多种格式最近在做项目的时候用到了DatePicker 日期选择器 结果选好日期获取日期value得到这个玩意儿 有点恶心的中国标准化时间如果想要转化成2021-04-3或/2021/04/30一系列你想要的结果 我是这么写的 你可以作为参考自己改下面展示一些 内联代码片。// A code blockvar foo = 'bar';// An highlighted blockvar foo = 'bar';...
2021-04-30 14:48:32
2302
原创 关于js/vue字符串截取方法总结
关于js/vue字符串截取方法总结下面展示一些 内联代码片。`// 例如有这样一个字符串let str = '1234567890';// 返回整个字符串方法str = str.slice(0);//返回整个字符串 1234567890str = str.substring(0);//返回整个字符串 1234567890str = str.substr(0);//返回整个字符串 1234567890// 使用参数返回方法str = str.slice(1);//截取第二个之后所有的字符 2
2021-04-27 15:11:46
1265
原创 vue过滤器filters使用方式之一(在双花括号中使用)
vue过滤器filters使用方式之一(在双花括号中使用)过滤器的意思大概就是,经过过滤器过滤之后出来另一样你想要东西,过滤器就是一个过滤的工具。例如,从[‘abc’,‘abd’,‘ade’]数组中取得包含‘ab’的值,那么可通过过滤器筛选出来‘abc’和‘abd’;或者下面例子把时间戳改为自己设置的具体格式的时间。过滤器可在new Vue实例前注册全局的,也可以在组件上写局部,以下例子用在局部。下面展示一些 内联代码片。 <el-table-column label="Author" wid
2021-04-23 14:53:12
887
原创 vue启动时报错* core-js/modules/es. .......
vue启动时报错* core-js/modules/es. …报错代码片段:一开始根据提示安装npm install --save core-js 然而并没有用 后来经过尝试发现版本太低 所以选择了高一点的版本下面展示一些下我的解决方法内联代码片。npm install core-js@3.8.1成功解决 如果不行可以再选择更高一点的版本。...
2021-04-09 15:58:30
7209
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人