自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(65)
  • 收藏
  • 关注

原创 解构多层数据结构js

【代码】解构多层数据结构js。

2024-07-09 16:05:21 98

原创 vue 实现 word/excel/ppt/pdf 等文件格式预览操作

vue 实现 word/excel/ppt/pdf 等文件格式预览操作

2024-06-27 14:51:23 708

原创 vue中fabric的使用(图片标注、画框画箭头文字涂鸦等...)

vue中fabric的使用(图片标注、画框画箭头文字涂鸦等...)

2024-04-29 17:09:45 836 1

原创 Echarts多曲线数值与Y周刻度不符合、Echarts tooltip文字设置左对齐、Echarts折线图背景区间色自定义

Echarts多曲线数值与Y周刻度不符合、Echarts tooltip文字设置左对齐、Echarts折线图背景区间色自定义 echarts的问题记录

2024-04-08 17:05:08 584

原创 使用tui-image-editor 图片编辑 标注图片

使用tui-image-editor 图片编辑 标注图片

2024-03-13 15:06:31 1230 4

转载 使用reduce给数组去重、数组对象去重

普通的数组去重,有很多方法,比如快捷的方法比如es6是Set,Map等,但是对于数组对象,这些方法都不适用,传统的forEach,filter等又有点繁琐。这里介绍一个新方法——reduce()先看一次下语法介绍array.reduce(function(previousValue , currentValue, index, array ), initialValue)..._reduce数组对象去重。

2023-06-28 15:29:38 221

原创 js数组对象根据某个字段从小到大排序

js数组对象根据某个字段排序

2023-06-28 10:55:33 228

原创 vue前端生成二维码,展示二维码并且下载

vue前端生成二维码,展示二维码并且下载

2023-06-21 14:30:53 1197

原创 vant UI 轮播组件swiper 滑动时触发click点击事件

vant UI 轮播组件swiper 滑动时触发click点击事件

2023-05-25 11:31:11 2148

原创 JSOIN.parse()报错:Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse ...

JSOIN.parse()报错:Uncaught SyntaxError: Unexpected token o in JSON at position 1 at JSON.parse

2023-04-27 16:56:40 629

原创 beforeRouteLeave在子组件中不生效

beforeRouteLeave在子组件中不生效

2023-03-30 14:50:57 3146

原创 vue2 使用swiper

vue2 使用swiper,自动匀速播放不卡顿

2023-03-13 11:55:33 6640 1

原创 npm安装依赖包:405 Method Not Allowed...

npm安装依赖包:405 Method Not Allowed...

2023-03-10 17:32:38 993

原创 vue element表格某一列内容过多,超出省略号显示

vue element表格某一列内容过多,超出省略号显示

2023-01-29 14:25:08 3039

原创 vue+element实现图片上传及裁剪功能(vue-cropper)

vue+element实现图片上传及裁剪功能(vue-cropper)

2023-01-11 10:13:06 1471

原创 Echarts 固定Y轴标签名称title宽度

Echarts 固定Y轴标签名称title宽度。

2023-01-11 09:35:45 3179

原创 打乱 json 数组内的数据顺序

打乱 json 数组内的数据顺序

2022-11-16 12:06:06 897

原创 给image覆盖水印:after伪元素

使用伪元素给图片加水印;对img标签使用after和before伪元素失效

2022-10-14 11:16:58 742

原创 js获取指定日期的下一个月的第一天和最后一天

js获取指定日期的下一个月的第一天和最后一天

2022-10-09 14:13:51 1661

原创 vue动态添加数据 新增数据的时间根据上一条数据的时间自动填充;获取某一时间的前一天 后一天 一周 或者是当前时间的几个小时

vue动态添加数据 新增数据的时间根据上一条数据的时间自动填充;获取某一时间的前一天 后一天 一周 或者是当前时间的几个小时

2022-09-15 14:20:50 1111

转载 position:fixed 造成页面抖动解决办法

position:fixed 造成页面抖动解决办法

2022-09-13 10:42:15 1274 1

转载 前端生成uid

前端生成uid

2022-09-13 09:14:30 614

转载 Javascript:json数据根据某一个字段进行排序

Javascript:json数据根据某一个字段进行排序

2022-07-06 15:56:26 1411

原创 Error: EPERM: operation not permitted(操作权限问题)

Error: EPERM: operation not permitted

2022-06-20 15:22:40 5478

原创 Computed property was assigned to but it has no setter

Computed property was assigned to but it has no setter

2022-06-20 14:23:23 867

原创 elementui 表格最后一行操作多条横线

elementui 表格最后一行操作多条横线

2022-06-15 11:40:40 824

原创 前端下载二进制pdf文件页面空白以及解决从content-disposition获取文件名中文乱码问题

前端下载二进制pdf文件页面空白以及解决从content-disposition获取文件名中文乱码问题

2022-06-14 15:29:54 6378 1

原创 js判断数组(数组对象)中是否存在指定的值

js判断数组(数组对象)中是否存在指定的值

2022-06-07 10:16:49 595

原创 element 树形控件使用render-content 点击添加时自动展开树控件

如图 需求是点击添加时自动把这一层的展开 默认的时候是关闭的js代码append是增加按钮上绑定的事件 append方法有两个回调参数

2022-05-23 14:29:53 495

原创 element el-cascader 级联选择器数据tag回显,删除tag bug

效果图:问题描述:当我根据后台数据回显后, 点击删除tagA 其实删除的是tagB原因:由于顺序错误的问题导致的, 回显顺序和数据源顺序不一样分析:el-cascader 的tag 是按照index排序的 所以 如果后端返回的数据顺序和你提交时的顺序不一致就会出现 tag名称会回显出来 但是点击删除tag是删除的其他tag 通过remove-tag api 打印发现 当前id并不是当前name 的id 查看源码发现是 排序问题 但是怎么能让后端返回的顺序是你原始数据的顺序呢 ?.

2022-05-17 11:29:19 1865

原创 element 表格数据按钮移除当前行 阻止按钮自动聚焦下一行 row-key

通过row-key控制按钮自动聚焦问题 优化表格的数据渲染

2022-05-11 11:07:36 244 1

原创 element 日期选择控件过去时间不可选以及控制时间选择时分格式

需求:选择某个时间段 过去的时间不可选 当开始日期选择今天时,时分秒默认为当前时间,结束日期的时间为一天的最后一秒(防止结束日期也选择今天)效果图templete<el-date-picker value-format="yyyy-MM-dd HH:mm:ss" v-model.trim="date" :picker-options="pic

2022-05-06 17:52:31 2036

原创 vue.js 输入框回车生成label标签组件

如图templete<template> <div> <!-- <label class="labelname">{{labelname}}</label> --> <div class="inputbox"> <div class="arrbox"> <div v-for="(item,index) in labelarr" :key="index" ..

2022-03-15 10:08:31 1770 1

原创 将两个数组合并成一个数组对象

let c = [10,11,12,13] let c1 = ['张三','李四','王五','梨花'] let newArr1 = c.map((age, i) => ({age, name: c1[i]})) console.log(newArr1);打印结果:

2022-03-14 16:39:41 3263 4

原创 vue antd select下拉多选自定义options显示文字

在 a-select 添加 option-label-prop=“label” 属性 option-label-prop 对应的是options中label的属性 <a-select mode="multiple" v-model="selectedItems" style="width: 50%; margin-top: 20px" option-label-prop="label" @change="handleChange"> <a-select-option.

2022-03-11 17:15:43 4945

原创 uniapp 使用switch case 语句

switch case使用case“0”:{ }case后面需要加{ }大括号onLoad(option) { this.xf_type=option.xf_type switch(this.xf_type) { case "1":{ this.proName="初级消防设施操作员" break; } case "2":{ this.proName="中级消防设施操作员" break; }...

2022-01-03 11:04:35 2986 1

原创 小程序访问线上图片报错404

问题:小程序访问服务器图片报错404解决:在图片地址前面加上这个https://images.weserv.nl/?url=<image style="width: 100%;height: 300upx;" src="https://images.weserv.nl/?url=https://www.119kc.com/img/mb/pros/118/banner.jpg" mode=""></image>...

2021-12-18 15:02:16 828

原创 Vue触发input选取文件点击事件

<input type="file" style="display:none" ref="img" @change="upImg" /><el-button @click="choiceImg" size="mini" type="success" icon="el-icon-upload" title="上传">上传</el-button><script> choiceImg() { this.$refs.img.dispatch.

2021-12-17 14:27:32 2262

原创 vant 官网地址

Vant - Mobile UI Components built on VueMobile UI Components built on Vuehttps://youzan.github.io/vant/#/zh-CN/icon

2021-11-30 16:36:08 1308

原创 element UI框架使用el-calendar日历组件自定义内容

效果图找到了两种实现方式 第二种比较简单 所以就直接更新第二种了templete部分:<el-calendar> <template slot="dateCell" slot-scope="{date, data}"> <p> <!--这里原本有动态绑定的class,去掉--> {{

2021-11-27 10:03:42 4381 1

空空如也

空空如也

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

TA关注的人

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