![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作中遇到的问题
Cool_so_cool
这个作者很懒,什么都没留下…
展开
-
element ui 表格三级数据拖拽排序组件
【代码】element ui 表格三级数据拖拽排序组件。原创 2024-07-12 21:16:38 · 118 阅读 · 0 评论 -
el-date-picker限制只能选择当前时间前/后的时间(包含日期、时、分)
3 ,以上代码只是限制了当天的的时间的选择,还没有完成。我们需要在合适的时间对我们的时间选择框进行放开和限制。比如限制只能选择当前时间前的时间,那么前一天的时间是00:00:00-23:59:59的时间都可以选择,而今天则不能放开全选。原创 2024-04-15 11:34:39 · 1731 阅读 · 0 评论 -
vue项目视频播放ckplayer使用
ckplayer使用原创 2024-04-01 19:09:40 · 911 阅读 · 0 评论 -
el-table树形数据序号排序处理
【代码】el-table树形数据序号排序处理。原创 2024-03-15 15:12:31 · 1090 阅读 · 0 评论 -
el-dialog弹框遮罩层问题
阴影的位置和显示方式还可能受到其他属性的影响,比如:modal-append-to-body。如果希望阴影遮罩在dialog框下方,可以设置:modal-append-to-body为false,这样dialog框会保持亮度,而其他区域会变暗。下图是出现的问题,遮罩层在弹框上方。原创 2024-03-15 09:08:15 · 951 阅读 · 0 评论 -
前端VUE实现电子签名
首先在template中添加了一个div,用来显示签名区域。然后通过fabric库实例化了一个canvas,设置isDrawingMode为true,表示可以进行绘图操作。methods中,实现了保存签名的方法,通过canvas.toDataURL()方法将签名数据转化为base64编码的png图片,原创 2023-07-26 08:58:46 · 967 阅读 · 0 评论 -
前端将 token 放到请求头中
在实际项目中在请求拦截器中这样写。原创 2023-06-28 13:59:11 · 731 阅读 · 0 评论 -
Avoided redundant navigation to current location: “/forumPage“. at createRouterError
在使用 van-tabbar 底部导航的时候,切换导航,再次刷新时会报下面这个错误,而且下面。的位置也会回到第一个,但是页面还停留在当前。在底部导航栏组件写上监听。原创 2023-06-28 09:35:06 · 225 阅读 · 0 评论 -
css渐变色半透明半遮挡,动态控制高度线性渐变效果
【代码】css渐变色半透明半遮挡,动态控制高度线性渐变效果。原创 2023-06-01 10:36:32 · 914 阅读 · 0 评论 -
vue项目H5页面在苹果手机点击输入框输入内容时 页面自动放大
用vue写H5页面时,iPhone手机点击input搜索框,输入内容时,页面会自动放大。在public文件夹下找到html文件,打开后加上user-scalable=no 就行。亲测有效,已解决问题。原创 2023-06-02 10:48:55 · 1112 阅读 · 0 评论 -
Component name “index“ should always be multi-word vue/multi-word-component-names
之前正常来说在路由文件中引入路由文件直接引入到某个文件夹下方就会直接寻找到下方的 index.vue,文件夹了,但是现在不行了,看下面报错翻译过来是。原创 2023-05-19 10:57:49 · 591 阅读 · 0 评论 -
TypeError: Cannot convert object to primitive value
控制台一直保这个错,翻译过来就是,无法将对象转换为基元值在控制台打印这个判断也等于true问题所在:在代码中将对象与基本类型做比较导致原创 2022-08-12 13:55:28 · 4102 阅读 · 1 评论 -
获取当前元素距离顶部的距离的方法
getClientRects 和 getBoundingClientRect 区别getBoundingClientRect: DOMRect返回元素的大小及其相对于视口左上角的位置getClientRects: DOMRectList块级元素直接返回盒子模型的矩形范围。行内元素会产生自动换行这类看似分割整体的歧义,所以,会把行内元素(inline)根据它换行划分成多个盒子边界矩形(返回多个DOMRect)。这是有时候同一个元素会返回多个DOMRect原因同一个元素两个方法返回值比较原创 2022-04-02 14:48:18 · 3415 阅读 · 0 评论 -
解决版本依赖报错的问题,package.json 与 package-lock.json 的关系
安装依赖包的版本如何指定相信大家都会经历过,我们安装一些依赖包的时候,版本号前面都会带 ^ 或者 ~ 的符号,这两个符号代表什么意思呢?~ 会匹配最近的小版本依赖包,比如 ~1.2.3 会匹配所有 1.2.x 版本,但是不包括 1.3.0^ 会匹配最新的大版本依赖包,比如 ^1.2.3 会匹配所有 1.x.x 的包,包括 1.3.0,但是不包括 2.0.0安装最新版本的依赖包,比如 *1.2.3 会匹配 x.x.x,那么该如何选择呢?当然你可以指定特定的版本号,直接写1.2.3,前面什么前缀都转载 2022-03-31 11:38:02 · 1124 阅读 · 0 评论 -
Nuxt项目静态打包部署每个页面配置seo搜索关键字
上一篇文章链接https://blog.csdn.net/Cool_so_cool/article/details/123509976?spm=1001.2014.3001.5501接着上篇文章,配置好 js 文件夹后,开始在页面引入 js文件。js文件里面的内容是这样的数据最后导出来,在每个页面这么引入和编写就行因为我这个项目要区分多语言,所以就有zh和en两个对象数据。process.env.langNuxt这个是在nuxt.config.js中自己配置的,在每个页面就可以直接用了每个原创 2022-03-15 19:42:36 · 919 阅读 · 0 评论 -
前端在当前页面URL后面添加参数
let url =+'?campusId=2&manager' 在网上找个方法是:window.location.href,这个可以获取网站上的url完整路径, window.location.href = url////不可行,参数会循环重复,页面会一直刷新,下面有两种方法,第二个亲测有效,第一个还没时间测试,先记录一下 // 方法1:向当前url添加参数,没有历史记录// window.history.replaceState({// path: url_p// }, '',原创 2022-02-23 14:56:11 · 4182 阅读 · 0 评论 -
前端判断页面是否加载完成后,执行事件
this.nextTick并不能满足需求,今天就碰到一个问题,页面很长,并且有点击滑动的效果,这个时候用this.nextTick并不能满足需求,今天就碰到一个问题,页面很长,并且有点击滑动的效果,这个时候用this.nextTick并不能满足需求,今天就碰到一个问题,页面很长,并且有点击滑动的效果,这个时候用this.nextTick,它可能就会遇到页面未加载完成就开始执行了这个时候就可以通过定时器来判断document.readyState的状态来执行事件var _this = thisvar t原创 2022-01-26 10:38:31 · 1338 阅读 · 0 评论 -
mounted执行完后,没有获取到页面的DOM
类型:Function详细:实例被挂载后调用,这时 el 被新创建的 vm.el替换了。如果根实例挂载到了一个文档内的元素上,当mounted被调用时vm.el 替换了。如果根实例挂载到了一个文档内的元素上,当 mounted 被调用时 vm.el替换了。如果根实例挂载到了一个文档内的元素上,当mounted被调用时vm.el 也在文档内。注意 mounted 不会保证所有的子组件也都被挂载完成。如果你希望等到整个视图都渲染完毕再执行某些操作,可以在 mounted 内部使用 vm.$nextTick原创 2022-01-25 20:47:26 · 1755 阅读 · 0 评论 -
点击事件只触发生效一次方法
通过设置全局变量来控制 data() { return { openStyle:false, }methods:{ stretchBox() { if (this.openStyles) { console.log('哈哈哈哈'); } else { console.log('呵呵'); //需要执行的函数体 this.openStyles=true } },原创 2022-01-17 15:37:10 · 949 阅读 · 0 评论 -
git修改远程仓库关联地址
1.删除本地仓库当前关联的无效远程地址,再为本地仓库添加新的远程仓库地址1 git remote -v //查看git对应的远程仓库地址2 git remote rm origin //删除关联对应的远程仓库地址3 git remote -v //查看是否删除成功,如果没有任何返回结果,表示OK4 git remote add origin https://github.com/developers-youcong/Metronic_Template.git //重新关联git远程仓库地址2.直接原创 2021-11-18 18:18:57 · 746 阅读 · 0 评论 -
window.open新打开窗传参及接收参数的解决方法
https://www.cnblogs.com/zhang-jiao/p/11593497.html原创 2021-10-14 16:47:39 · 1950 阅读 · 0 评论 -
vscode代码上传到github上
可以全部暂存修改 也可以单个保存第二部可以点击提交 或者 ctrl+Enter这里相当于事git commit -m’'命令 图片框里输入的内容就是提交的内容注:输入完之后按 Enter或者Esc 代表输入完毕之后就可以拉取 和 推送代码推送完之后可以通过vscode看提交的历史版本相当于git log前提是需要安装完git history安装好之后 有一个像指针的图标点击之后就可以查看提交的版本注:如果没有提交成功,可能需要设置一下文件–》首选项–》设置进入到页面取原创 2021-09-29 13:54:28 · 501 阅读 · 0 评论 -
前端获取当前电脑IP和位置信息
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> var Ip=returnCitySN['cip'] var cityname=returnCitySN['cname'] localStorage.setItem('Ip', Ip) console.log(localStorage.getItem('Ip', Ip)) localStorage.se.原创 2021-08-20 09:30:53 · 1139 阅读 · 0 评论 -
前端判断系统是什么语言
可以在浏览器中选择语言进行测试var lang= null;function language(){var language=null;if (navigator.appName == 'Netscape'){language = navigator.language;}else{language = navigator.browserLanguage;}if (language.indexOf('en') > -1){lang = "en"// alert("yingwen.原创 2021-08-20 09:21:30 · 417 阅读 · 0 评论 -
el-breadcrumb面包屑,抽离成公共组件使用
直接看代码,breadList是处理完的路由在上面循环展示,效果如图<template> <!-- 面包屑组件 --> <div class="breadcrumb_box_page hidden-md-only hidden-sm-only hidden-xs-only"> <div class="breadcrumb_box"> <el-breadcrumb separator-class="el-icon-arrow原创 2021-08-06 09:27:30 · 441 阅读 · 0 评论 -
element左侧导航栏el-menu,菜单栏文字超出不折行问题
在CSS样式中加上这些样式就可以了.el-submenu__title { display: flex; align-items: center;}.el-submenu__title span{ white-space: normal; word-break: break-all; line-height: 20px; flex: 1; padding-right: 20px;} .el-menu-item { display: flex; align-i原创 2021-07-23 14:28:49 · 2590 阅读 · 1 评论 -
vue跳转路由后刷新页面
很简单,在跳转的路由下面加上一段这个代码就可以this.$router.push({ path: `/homeMenuBar/About/aboutIndexs`, query: { id: val.id, }, }); setTimeout(function () { window.location.reload(); }, 100);写在一个函数体里面即可...原创 2021-07-20 15:40:50 · 2690 阅读 · 3 评论 -
获取div元素距离可视窗口底部的距离
当前可视区域的高度 - (元素到文档顶部的距离 - 滚动条滚动的距离)- 元素自身的高度dom是当前要获取的元素window.innerHeight - (dom.offsetTop - window.pageYOffset) - dom.offsetHeight原创 2021-07-13 20:26:34 · 4030 阅读 · 0 评论 -
vue项目使用锚点
大概就是要实现这种锚点效果图,代码如下methods:{ // 点击左侧菜单栏事件 changenavigationBar(key) { // console.log(key); // debugger // 获取点击的按钮对应页面的id var PageId = document.querySelector("#right" + key); // 打印出对应页面与窗口的距离 // console.log(PageId.原创 2021-07-13 20:21:55 · 5722 阅读 · 18 评论 -
Invalid prop: type check failed for prop “defaultActive“. Expected String, got Number.
这个链接是使用NavMenu 导航菜单循环时会报另外一个错误的文章,建议一块看https://blog.csdn.net/Cool_so_cool/article/details/118695085?spm=1001.2014.3001.5501VUE项目使用NavMenu 导航菜单循环时报的错误解决方法:default-active的值不能有空格,并且要为字符串类型,加上一个toString(),就可以啦slideStyleIndex是动态给菜单栏添加背景色用的效果如下这样写的目的是为了实原创 2021-07-13 11:06:14 · 4007 阅读 · 0 评论 -
Invalid prop: custom validator check failed for prop “index“
VUE项目使用NavMenu 导航菜单循环时报的错误解决方法: index的值不能有空格,并且要为字符串类型,加上一个toString(),就可以啦原创 2021-07-13 10:58:43 · 595 阅读 · 0 评论 -
判断当前用户登录设备,移动端还是pc端的方法
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // 移动端 window.location.href = "https://www.baidu.com/";} else { // PC端 window.location.href = "http://news.baidu.com/";}原创 2021-06-22 20:23:16 · 640 阅读 · 0 评论 -
原生 两台服务器,一级域名一样,通过cookie存值、获取、删除
设置(cookie存值): function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toGMTString(); document.cookie = cname + "=" + cvalue + "; " + expires + "原创 2021-03-30 11:02:19 · 318 阅读 · 0 评论 -
vue.draggable数组为空时,拖不进去东西,踩的坑
vue.draggable group 拖拽分组多组之间相互拖拽,官方文档有例子,也很好理解,但是有一个bug,就是当其中一个数组为空时,在想拖进去东西,就拖不进去了,1.这个是官方的案例http://www.itxst.com/vue-draggable/re7vfyfe.html有A,B,C三个数组,当我把A或者B里面的东西,都拖空时,在想把别的快拖进去,就拖不进去了,看下图效果现在我把B数组里面的东西都拖到A里面了,我现在在想把A的东西拖进B里面,就不行了,可以去官网试一下,http://原创 2021-02-03 10:22:04 · 3208 阅读 · 15 评论 -
el-checkbox一个小坑
element UI中el-checkbox点击文字,勾选框也是跟着选中的,我们的需求是点击文字跳到对应的详情页,勾选框不选中刚开始我是这样写的,感觉没问题了,看代码在el-checkbox里面放上span标签,放上对应的文字,这样点击文字,跟勾选框就没关联了,但是经过几次测试bug也出来了,每次第一次点击文字的时候,勾选框还是会被勾选上,不刷新的话,以后就没事了,但是只要一刷新页面还是,第一次点击文字的时候,勾选框还是会被勾选上,不刷新的话,以后就没事了,试了好多种方法都不行,,来看一下解决办法原创 2021-01-15 15:35:22 · 1934 阅读 · 1 评论 -
el-input,textarea回车键不换行,发送消息
直接看代码,文本框代码,下面是绑定的事件@keydown.enter="carriageReturn($event)" <textarea style=" width: 100%; height: 110px; outline: none; border: none; resize: none;原创 2020-12-11 18:04:39 · 4528 阅读 · 0 评论 -
消息聊天框默认展示聊天框消息记录的最后几条消息
1.记录一下项目里面做聊天框样式,页面默认展示最后几条消息,往上滚动加载消息2.直接看样式吧3.当你打开一条消息记录的时候,页面默认展示消息的最后几条,然后往上滚动加载其它的消息,4,直接看代码吧,之前记录过聊天框样式,下面这是聊天框的代码,重点看图片里面的id名gobottom() { this.$nextTick(() => { let ele = document.getElementById("window"); ele.scrollTo原创 2020-12-11 10:49:00 · 649 阅读 · 0 评论 -
moment时间格式
判断两个日期相差多少小时直接上代码内容可能没截全,下面一点点分析1,先声明两个变量,timeFormatting.time3(),这是一个插件带的东西,想了解的私信吧。~~~~~~~ let a = timeFormatting.time3(this.currentTime);//获取到的本地时间戳 let b = timeFormatting.time3(item.emaildate);//后台返回的时间戳,2.格式化时间转换为时间戳的方法:Date.parse原创 2020-11-24 14:11:14 · 1127 阅读 · 0 评论 -
实时获取当前的时区和时间的方法
直接上代码new Date().getTimezoneOffset()/60这个方法可以实时获取到当地的时区,我在中国-8就东八区。然后想在获取到当地的时间,把获取到的时区传给下面这个方法里面function getLocalTime(timezone) { if (typeof timezone !== "number") { return new Date(); } var d = new Date(); var len =原创 2020-11-20 16:31:06 · 2244 阅读 · 0 评论 -
css 优化滚动条
overflow:scroll 就会出现滚动条但是,为了公司需求,还是要修改一下样式实现效果实现效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume原创 2020-11-11 14:46:29 · 436 阅读 · 0 评论