自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Bitter的博客

坚持是件很酷的事

  • 博客(62)
  • 问答 (4)
  • 收藏
  • 关注

原创 使用葡萄城+vue实现Excel

使用葡萄城+vue实现Excel

2025-01-08 17:04:19 1110

原创 扩展el-table,实现当showOverflowTooltip时,鼠标可移入tooltip功能

1.在utils里创建elTable.js。2.在main.js中引入 并绑在vue上。

2024-11-01 14:29:13 530

原创 ueditor抓取图片

在ueditor.all.js文件中 修改catchremoteimage方法。

2024-09-09 11:06:58 320

原创 vue2+ueditor集成135编辑器

最后在main.js中引入这两个文件,注意引入路径。1.引入两个文件存在此处。

2024-09-07 10:50:16 426

原创 ueditor视频上传

注意在video.js中uploadSuccess方法,json必须是一个对象,且有个url的必备属性。如果接口直接返回的是地址,需要修改成:uploadVideoList.push({url:ret})修改video.js中uploadBeforeSend方法。首先在ueditor.all.js文件中找到。此时你可以上传成功了,但是页面会变成下图。接着 注释掉红框内的代码。

2024-09-07 09:47:40 603

原创 ueditor图片上传(多图上传 单图上传)

在ueditor.config.js中,配置serverUrl请求路径,一般是:不同环境地址+上传图片的接口(例如:http://test*****/upload/piacute。在ueditor.config.js中,imageUrlPrefix为图片访问路径前缀,如果你上传图片的接口返回值 直接就是全路径,那么就设置为空,确保。接下来,修改ueditor.all.js文件,在doAjax方法中找到对应位置,修改成如下。1.ueditor图片上传 显示 后端配置项没有正常加载,上传插件不能正常使用!

2024-09-06 14:46:37 1703 1

原创 vue2+ueditor集成秀米编辑器

3. 在ueditor.config.js文件中 找到toolbars属性,添加dialog字段,否则编辑器也是不会展示图标的。4.在main.js中引入基本文件(第一次npm run start时,编辑ueditor.all.js可能会比较慢,等待一会就好了)1.xiumi-ue-dialog-v5一定要放在ueditor.all.js后面,不然可能会出现报错。2.下载的图标样式最好放在本地(图二),我的项目就遇到直接请求背景图地址。5.此时你的编辑器就能出现秀米的图标啦。,也可以参考我下面的操作。

2024-09-06 14:17:23 979

原创 vue 关键字变红

【代码】vue 关键字变红。

2024-04-23 16:03:38 545

原创 vue中使用水印

1. 在utils下创建watermark.js。2.html上设置ref 获取水印的容器。4.在mounted中使用。

2024-04-16 10:45:28 464

原创 文字折行展示+尾部省略号+折叠展开

【代码】文字折行展示+尾部省略号+折叠展开。

2024-04-16 10:37:03 225

原创 获取字符长度像素

【代码】获取字符长度像素。

2024-04-02 15:49:18 483

原创 this.$options.data()和this.$data

this.$options.data() 是页面原始的数据。this.$data 是修改过后的数据。

2023-11-14 11:22:44 898

原创 JS计算天数差

【代码】 JS计算天数差。

2023-11-10 19:17:19 175

原创 vue sm4加密解密算法

【代码】vue sm4加密解密算法。

2023-08-02 09:31:05 1211

原创 h5实现手机原生拍照和图片上传

【代码】h5实现手机原生拍照和图片上传。

2023-07-21 15:54:15 2135

原创 git 命令

git reset --hard 哈希值(commit号码)前六位。git push -f(强制推送到远程仓库(无操作历史记录)3.回滚代码到指定版本。

2023-06-25 10:16:46 119

原创 ES2020新特性(简称:ES11)

传统的promise.all:所有的promise均为成功,才可以走入then的回掉(参数为数组),只要有一个失败,则走入catch的回掉。2.Promise.allSettled:全部进入then的回掉,并且可以拿到每个Promise的状态, 而不管是否成功还是失败。如果res或res.id是null/undefined,表达式将会短路计算直接返回undefined。用来处理类似(res&&res.data&&res.data.id)1.promise.any:有多个异步计算,同时。

2023-06-08 17:08:47 607

原创 Mac 查找被占用的8080端口并终止这个进程

Mac 查找被占用的8080端口并终止这个进程

2023-03-14 13:52:06 730

原创 h5长按保存图片海报到本地与IOS 安卓对接

1.ios系统自带长按保存功能,所以主要就是安卓系统的。

2023-02-18 10:20:07 1071

原创 antd Vue项目 日期组件限制年月周日

【代码】antd Vue项目 日期组件限制年月周日。

2023-01-19 14:12:54 1531

原创 vue项目 复制拷贝文字、链接等

【代码】vue项目 复制拷贝文字、链接等。

2023-01-17 10:43:55 596

原创 Vue中前端根据地址,生成二维码

【代码】Vue中前端根据地址,生成二维码。

2023-01-16 17:28:52 301

原创 marquee实现公告栏文字滚动

8.vspace:设定活动字幕里所在的位置距离父容器垂直边框的距离,如vspace=“10”,即等同于:margin:10px 0;7.hspace:设定活动字幕里所在的位置距离父容器水平边框的距离,如hspace=“10”,即等同于:margin:0 10px。2.behavior 滚动方向:alternate、scroll、slide分别代表文字来回滚动、单方向循环滚动、只滚动一次。4.loop:设定滚动循环的次数(默认值是-1,滚动会不断的循环下去)9.align:设定滚动字幕内容的对齐方式。

2022-12-28 14:52:47 696

原创 antd vue pagination对象包含的属性

【代码】ant pagination对象包含的属性。

2022-10-28 17:46:10 324

原创 使用require.context()方法,引入组件

require.context(检索的目录,是否检索子文件夹,匹配文件名的正则表达式)

2022-09-21 17:53:52 535 2

原创 element ui input输入框仅支持输入正负数和小数(正则)

3.输入框会显示步进器,而且字母eE会编译为数字显示出来。2.中的v-module不支持.number修饰符。比如这个正则/\-?想法1.找遍了正则表达以上需求的,但是没有一个实现的,主要就是负号比较难搞,小数点的正则倒是可以。背景在input输入框中只能输入负号-和小数点.还有数字1-9。......

2022-07-27 11:19:55 3715

原创 element-ui tree修改点击节点的背景色和鼠标经过节点的背景色

先上效果图 修改悬浮背景色修改点击背景色tree的代码,一定要加上highlight-current node-key="id"style里千万不要加scoped,否则样式无效如果要是想改字体颜色等其他样式,直接在里面写即可

2022-06-29 11:23:40 4315

原创 解决element -ui 中message在dialog遮盖层下面

解决element -ui 中message在dialog遮盖层下面

2022-06-24 16:33:16 3904

原创 element-ui tabs栏的蓝色光标随页面滑动变化

//1.对页面id为box的设置scroll滑动事件 document.getElementById("box").addEventListener("scroll", () => { //2.获取整个页面的高度 const pageHeight = document.documentElement.clientHeight //3.获取id为idName的标签,其顶部到页面的高度 let contentTop = do...

2022-04-08 16:27:45 1330

原创 Vue中导出下载excel文件

downloadTable(){ //1.使用element-ui提供的服务式loading方法 const options = { spinner: "el-icon-loading", text: "下载中...", background: "rgba(0, 0, 0, 0.4)", }; const loadingInstance = Loading.service(options); //...

2022-03-14 14:39:15 2360

原创 递归组件循环引用组件不加载

背景:有两个组件:A和B。系统渲染A的时候,发现A是依赖于B的。但是渲染B的时候,发现B又是依赖于A的。两者循环嵌套。解决办法:在注册组件时候,使用webpack的异步import;不要使用import A from ' ./A.vue'components:{A:()=>import('./A.vue')}或者在beforeCreate的生命周期钩子函数中注册它beforeCreate(){ this.$options.components.A=require('

2022-03-09 09:44:38 1050

原创 JS在拼接字符串中加入空格

let str='空'+' '+'格'如果想这样插入空格,页面是无法展示出有空格的效果的解决:添加===>'\xa0' 即可实现let str='空'+'\xa0'+'格'

2022-03-03 18:22:24 2834

原创 Vue截取对应区域界面并下载为图片

第一步:yarn add html2canvas第二步:import html2canvas from 'html2canvas'第三步:在文件中引用组件components: { html2canvas}第四步:在点击事件里写入以下事件例如:<div ref="tupuPicture">要保存成为图片的区域</div><el-button @click="keepPicture">保存</el-button>

2022-02-26 01:58:06 1675

原创 new Date(),根据当前日期推倒任意时间段前后的日期

思路:1.把当前日期格式转换为时间戳T12.把时间段也转换成时间戳T23.进行T1-T2之间的计算,我一般都是用加法,然后时间段T2用正负来表示4.计算后的时间戳再转化为所需要的格式changeDate(-1)//获取当前日期,前一天的日期changeDate(num) { let date = new Date();//获取当前日期 date = date.getTime()//把当前日期转换为时间戳 date += (86400000) *

2022-02-16 15:03:34 835

原创 element-ui复选框el-checkbox包含单选框el-radio

先上效果第一步:html <div class="table-title"> <el-checkbox :indeterminate="rwisIndeterminate" v-model="rwcheckAll" @change="rwhandleCheckAll" >全选</el-checkbox>.

2022-01-14 16:17:59 2963

原创 xxx is not a constructor

let RegExp = new RegExp('[\\u4E00-\\u9FFF]','g')我遇到的问题是,通过这个正则表达式进行验证,当我console.log的时候console.log(RegExp.test(str))就报了一下错误:解决:不要声明的变量名和构造函数名称相同。修改为:let Reg = new RegExp('[\\u4E00-\\u9FFF]','g')console.log(Reg.test(str)),即可。...

2021-12-24 14:02:02 1005

原创 js引用类型数组去重方法

第一步:定义一个对象let checkobj={}第二步:使用数组的reduce方法this.totalcheckboxitem=this.totalcheckboxitem.reduce((ary,item)=>{ checkobj[item.groupId]?'':checkobj[item.groupId]=true&&ary.push(item) return ary },[])...

2021-12-15 14:18:21 1111

原创 element ui popover弹框针对条件控制显示和隐藏

<el-popover placement="right-start" width="200" trigger="hover" :content="module.nav_suffix" :popper-class="module.nav_suffix?'':'popperclass'" >第一:找到弹框显示或.

2021-12-10 15:31:39 2487 1

原创 报错:input is invalid type

此报错信息是因为使用了md5加密,但是md5加密的数据没有找到undefinedcurObj.creditCode ? curObj.creditCode : md5(curObj.registerNo)) 此处的curObj.registerNo,如果是undefined,那么就会出现报错。看到此错误,控制台打印一下。...

2021-11-23 10:42:08 2537

原创 报错node_modules\node sass:Command failed.

有可能是node版本太新了,降一下版本号

2021-11-19 18:17:22 510

空空如也

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

TA关注的人

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